audio/noiz
2
0
Fork 0
mirror of https://codeberg.org/armin/noiz.git synced 2026-09-01 05:50:52 +02:00
Code Issues Projects Releases Packages Wiki Activity

increase cover art display size to ~130%

Browse source
This commit is contained in:
Armin 2026-07-08 19:18:37 +02:00
commit 4a203dbaf8
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -23,10 +23,10 @@ footer .brand { margin-left: auto; }
.pinned { flex-shrink: 0; background: linear-gradient(to bottom, #1e2132, #161821); padding: 16px 24px; display: flex; flex-direction: row; gap: 20px; align-items: center; }
.player { display: flex; flex-direction: row; width: 100%; align-items: center; }
canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
.cover-art { width: 120px; height: 120px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: #272c42; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
.cover-art { width: 156px; height: 156px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: #272c42; display: flex; align-items: center; justify-content: center; margin-right: 24px; }
.cover-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cover-art .no-cover { font-size: 32px; color: #6b7089; user-select: none; }
.player-right { display: flex; flex-direction: column; width: 320px; flex-shrink: 0; align-items: center; }
.cover-art .no-cover { font-size: 40px; color: #6b7089; user-select: none; }
.player-right { display: flex; flex-direction: column; width: 360px; flex-shrink: 0; align-items: center; }
.audio-info { font-size: 11px; color: #6b7089; font-variant-numeric: tabular-nums; min-height: 1.4em; }
.player .track-info { margin-bottom: 4px; }
.player .track-info .title { font-size: 16px; font-weight: 600; color: #c6c8d1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }