diff options
| author | Christophe Besson <cbesson@gmail.com> | 2026-08-24 19:04:41 +0200 |
|---|---|---|
| committer | Christophe Besson <cbesson@gmail.com> | 2026-08-24 19:04:41 +0200 |
| commit | 251d2c587cad16e2464851b1958203c41e994fb4 (patch) | |
| tree | fcc891644b36ecf34313265b89997bf9156c8f16 /packages/meshbay-hub/src/meshbay_hub/static/music-app.js | |
| parent | 6a52ab1136be3395bac3b9146474d8cd05b376c1 (diff) | |
| download | meshbay-251d2c587cad16e2464851b1958203c41e994fb4.tar.gz | |
feat(hub): big monochrome disc placeholder for covers with no art
Album tiles/detail covers with no embedded art, no sibling image file,
and no MusicBrainz match (or MusicBrainz off) used the same small
music-note icon list rows use elsewhere - fine as a rare fallback, but
most tiles in a real library land here, so it read as broken rather
than as the default look of the grid.
- icon.js: a "disc" icon (two concentric circles, same stroked style
as the rest of the set) - a plain CD/vinyl glyph.
- music-app.js: AlbumCard and MusicDetailModal's cover now pass
emptyIcon="disc" instead of "music".
- style.css: sized at 55% of the tile via CSS rather than a fixed px
value, so it scales with .music-grid's auto-fill columns; color
stays var(--text-dim), the same neutral tone every other empty state
already uses - monochrome, not a new accent.
Client-side only. npm run sync-ui re-run. Full suite: 1129 passed, no
regressions.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01KBi7ALLGfwcjBXt57yNMcy
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/music-app.js')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/music-app.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/music-app.js b/packages/meshbay-hub/src/meshbay_hub/static/music-app.js index 77023b3..b8ee657 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/music-app.js +++ b/packages/meshbay-hub/src/meshbay_hub/static/music-app.js @@ -123,7 +123,7 @@ function AlbumCard({ album, transportRef, gekRef, musicbrainzEnabled, onOpen }) return html` <div class="music-card" onClick=${onOpen}> <${MediaThumb} thumbHash=${coverHash} alt=${album.album} - cls="music-cover" emptyIcon="music" + cls="music-cover" emptyIcon="disc" transportRef=${transportRef} gekRef=${gekRef} /> <div class="music-card-info"> <div class="music-card-title">${album.album}</div> @@ -154,7 +154,7 @@ function MusicDetailModal({ album, transportRef, gekRef, musicbrainzEnabled, onC <div class="music-detail-body"> <div class="music-detail-header"> <${MediaThumb} thumbHash=${coverHash} alt=${album.album} - cls="music-detail-cover" emptyIcon="music" + cls="music-detail-cover" emptyIcon="disc" transportRef=${transportRef} gekRef=${gekRef} /> <div class="music-detail-meta"> <div class="music-detail-artist">${album.artist}</div> |