Jonathan/Lyra
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): Library page — owned-albums grid with cover art

Browse Source 
New /library: GET /api/library lists LibraryItems enriched with rgMbid + year
from the matching MonitoredRelease. Client renders a cover-art grid with a live
filter; clicking an album opens the AlbumModal (tracklist). Added Library to the
nav. The album-only overview to see everything downloaded.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan
2026-07-12 15:24:16 +02:00
parent d05d092d53
commit 4f6c5995f8
6 changed files with 123 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app/design.css
+9
View File
@@ -313,3 +313,12 @@ nav.contents .sep { flex: 1; }
.thumb { width: 46px; height: 46px; flex-shrink: 0; }
.disco-open .rtitle { display: block; }
.disco-open:hover .rtitle { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
/* ── Album grid (Library) ─────────────────────────────── */
.album-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 24px 18px; margin: 8px 0 48px; }
.album-card { background: transparent; border: 0; padding: 0; cursor: pointer; text-align: left; color: inherit; }
.album-card .cover { margin-bottom: 9px; }
.album-card:hover .ac-title { text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.ac-title { font-size: 0.98rem; line-height: 1.25; }
.ac-artist { color: var(--graphite); font-size: 0.86rem; margin-top: 1px; }
.ac-meta { font-family: var(--mono); font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--graphite); margin-top: 5px; }