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

- 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

No files matched your search

+7
View File
@@ -644,6 +644,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}
@@ -673,6 +674,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}
@@ -702,6 +704,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}
@@ -731,6 +734,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}
@@ -760,6 +764,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}
@@ -789,6 +794,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}
@@ -889,6 +895,7 @@
artwork={album.artwork}
title={album.title}
artist={album.artist}
size="large"
quality={album.quality}
onPlay={onAlbumPlay ? () => onAlbumPlay(album.id) : undefined}
onPlayNext={onAlbumPlayNext ? () => onAlbumPlayNext(album.id) : undefined}