yonlu/yellowjacket
1
1
Fork 0
Code Issues 52 Pull Requests 4 Actions Packages Projects Releases 12 Wiki Activity

fix: top releases grid no longer stretches to fill column height

Browse Source 
Removed flex:1 from .top-releases-grid and flex column from
.top-section-column. Added align-items:start to .top-section-columns
so both columns align at the top. The releases grid now sizes
naturally based on its content — 2 cards in a 2-column grid,
matching the compact height of the track list.
This commit is contained in:
yonlu
2026-03-30 20:37:57 -04:00
parent 65d9fb0297
commit f29c87f869
1 changed files with 1 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/explore-artist-details/explore-artist-details.ts
+1 -3
View File
@@ -335,19 +335,17 @@ export class ExploreArtistDetails extends LitElement {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 24px; gap: 24px;
align-items: start;
} }
.top-section-column { .top-section-column {
min-width: 0; min-width: 0;
display: flex;
flex-direction: column;
} }
.top-releases-grid { .top-releases-grid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 10px; gap: 10px;
flex: 1;
} }
.top-release-card { .top-release-card {