feat(web): Most Played horizontal compact tiles + revert Rediscover
test-web / test (push) Successful in 32s
test-web / test (push) Successful in 32s
Operator clarification: the 'compact like the app' request was for Most Played, not Rediscover. - CompactTrackCard rewritten as a horizontal Row: cover thumbnail left, title + artist column right. w-72 (~288 px) matches the Android CompactTrackTile's 176 dp visual weight. Most Played's existing chunked-rows-in-shared-scroller layout now reads like the Android multi-row LazyHorizontalGrid. - Rediscover steps back from the compact w-32/w-28 widths to w-40/ w-36 (the pre-PR-#66 sizes) — the size hierarchy still works with the regular AlbumCard treatment.
This commit is contained in:
@@ -198,12 +198,10 @@
|
||||
ariaLabel="Rediscover albums"
|
||||
>
|
||||
{#snippet item(album: import('$lib/api/types').AlbumRef)}
|
||||
<!-- Rediscover uses the compact tile size — same visual
|
||||
weight as Most Played's CompactTrackCard. Smaller
|
||||
than Recently Added (w-48) so the page hierarchy
|
||||
stays clear: fresh content gets visual real estate,
|
||||
throwbacks recede. -->
|
||||
<div class="w-32"><AlbumCard {album} /></div>
|
||||
<!-- Rediscover sits below Recently Added in the size
|
||||
hierarchy. w-40 keeps it readable without competing
|
||||
with the freshest content above. -->
|
||||
<div class="w-40"><AlbumCard {album} /></div>
|
||||
{/snippet}
|
||||
</HorizontalScrollRow>
|
||||
{/if}
|
||||
@@ -214,7 +212,7 @@
|
||||
ariaLabel="Rediscover artists"
|
||||
>
|
||||
{#snippet item(artist: import('$lib/api/types').ArtistRef)}
|
||||
<div class="w-28"><ArtistCard {artist} /></div>
|
||||
<div class="w-36"><ArtistCard {artist} /></div>
|
||||
{/snippet}
|
||||
</HorizontalScrollRow>
|
||||
{/if}
|
||||
|
||||
Reference in New Issue
Block a user