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

fix(ui): standardize AlbumCard size and grid layout across all views

Browse Source 
- Use size="large" (180px) for all AlbumCard instances
- Change album grids from CSS grid with 1fr to flexbox
- Fix LocalLibrary gap issue by using consistent spacing
- Align VirtualizedAlbumList, ArtistDetailView, SearchView,
  FavoritesView, HomeView, and AlbumDetailView
This commit is contained in:
vicrodh committed 2026-01-25 04:51:29 -06:00
1 parent 75060305f3
commit 1407516b34
6 files changed
+34 -16
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/components/views/ArtistDetailView.svelte
+9 -3
View File
@@ -1273,6 +1273,7 @@
artwork={album.artwork}
title={album.title}
artist={album.year || ''}
size="large"
quality={album.quality}
searchId={`album-${album.id}`}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
@@ -1333,6 +1334,7 @@
artwork={album.artwork}
title={album.title}
artist={album.year || ''}
size="large"
quality={album.quality}
searchId={`album-${album.id}`}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
@@ -1392,6 +1394,7 @@
artwork={album.artwork}
title={album.title}
artist={album.year || ''}
size="large"
quality={album.quality}
searchId={`album-${album.id}`}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
@@ -1451,6 +1454,7 @@
artwork={album.artwork}
title={album.title}
artist={album.year || ''}
size="large"
quality={album.quality}
searchId={`album-${album.id}`}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
@@ -1510,6 +1514,7 @@
artwork={album.artwork}
title={album.title}
artist={album.year || ''}
size="large"
quality={album.quality}
searchId={`album-${album.id}`}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
@@ -1632,6 +1637,7 @@
artwork={album.artwork}
title={album.title}
artist={album.year || ''}
size="large"
quality={album.quality}
searchId={`album-${album.id}`}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
@@ -2351,9 +2357,9 @@
}
.albums-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 24px;
display: flex;
flex-wrap: wrap;
gap: 24px 14px;
}
.playlists-grid {