brianfertig
/
Bri-Tunes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

UI adjustments to song cover size

This commit is contained in:
Brian Fertig 2026-05-02 16:53:59 -06:00
parent bb6a1a962e
commit fd1af6f07e
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/css/app.css
View File

@ -458,6 +458,18 @@ button.linklike.danger:hover { color: #fff; text-shadow: 0 0 6px var(--danger);
.eq-bars span:nth-child(2) { animation-duration: 0.8s; animation-delay: 0.15s; } .eq-bars span:nth-child(2) { animation-duration: 0.8s; animation-delay: 0.15s; }
.eq-bars span:nth-child(3) { animation-duration: 0.5s; animation-delay: 0.3s; } .eq-bars span:nth-child(3) { animation-duration: 0.5s; animation-delay: 0.3s; }
/* ── Desktop song row: larger artwork ── */
@media (min-width: 721px) {
.song-cover { width: 88px; height: 88px; }
.song-cover.cover-fallback { font-size: 2.5rem; }
.song-row { gap: 1rem; padding: 0.65rem 0.75rem; }
.song-title { font-size: 1.05rem; }
.song-row .small { font-size: 0.88rem; }
.song-duration { font-size: 0.82rem; }
.song-social .btn-social { font-size: 0.9rem; padding: 4px 8px; }
.song-row .btn-play { font-size: 0.82rem; padding: 0.4rem 0.9rem; }
}
.btn-play { .btn-play {
background: transparent; background: transparent;
color: var(--neon-magenta); color: var(--neon-magenta);