Joren/qbz
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: extend sticky nav bars edge-to-edge with sidebar

Browse Source 
- ArtistDetailView: jump-nav now flush with sidebar (margin -44px left)
- FavoritesView: favorites-nav flush with sidebar
- LocalLibraryView: jump-nav flush with sidebar
- SettingsView: settings-nav flush with sidebar
- All navs compensate for both main-content and view padding
- Radio animation: faster floating messages (1.2s), infinite loop
This commit is contained in:
vicrodh committed 2026-01-23 18:17:34 -06:00
1 parent 87e4b7c356
commit 7c14a6835e
4 files changed
+16 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/components/views/ArtistDetailView.svelte
+7 -7
View File
@@ -1627,7 +1627,7 @@
background: var(--bg-tertiary);
border-radius: 12px;
pointer-events: none;
animation: floatUp 2s ease-out forwards;
animation: floatUp 1.2s ease-out infinite;
}
@keyframes floatUp {
@@ -1635,13 +1635,13 @@
opacity: 0;
transform: translateX(-50%) translateY(8px);
}
15% {
20% {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
70% {
60% {
opacity: 1;
transform: translateX(-50%) translateY(-10px);
transform: translateX(-50%) translateY(-8px);
}
100% {
opacity: 0;
@@ -1709,13 +1709,13 @@
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 10px 24px;
padding: 10px 24px 10px 44px;
background: rgba(var(--bg-primary-rgb, 18, 18, 18), 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
margin: 0 -8px 24px -24px;
width: calc(100% + 32px);
margin: 0 -16px 24px -44px;
width: calc(100% + 60px);
}
.jump-nav-left {
src/lib/components/views/FavoritesView.svelte
+3 -3
View File
@@ -1626,9 +1626,9 @@
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 12px 24px;
margin: 0 -8px 16px -24px;
width: calc(100% + 32px);
padding: 12px 24px 12px 44px;
margin: 0 -16px 16px -44px;
width: calc(100% + 60px);
background: rgba(var(--bg-primary-rgb, 18, 18, 18), 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
src/lib/components/views/LocalLibraryView.svelte
+3 -3
View File
@@ -3370,9 +3370,9 @@
justify-content: space-between;
align-items: center;
gap: 10px;
padding: 12px 24px;
margin: 0 -8px 16px -24px;
width: calc(100% + 32px);
padding: 12px 24px 12px 44px;
margin: 0 -16px 16px -44px;
width: calc(100% + 60px);
background: rgba(var(--bg-primary-rgb, 18, 18, 18), 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
src/lib/components/views/SettingsView.svelte
+3 -3
View File
@@ -2127,9 +2127,9 @@ flatpak override --user --filesystem=$HOME/music-nas com.blitzfc.qbz</pre>
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 12px 24px;
margin: 0 -24px 24px -32px;
width: calc(100% + 56px);
padding: 12px 24px 12px 52px;
margin: 0 -32px 24px -52px;
width: calc(100% + 84px);
background: rgba(var(--bg-primary-rgb, 18, 18, 18), 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);