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

fix player height to 174px to prevent layout shift on page load vs clear

Browse source
This commit is contained in:
Armin 2026-07-08 20:09:13 +02:00
commit 965674c777
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -21,7 +21,7 @@ footer { display: flex !important; align-items: center; gap: 16px; padding: 10px
footer .brand { margin-left: auto; }
.content { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.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; }
.player { display: flex; flex-direction: row; width: 100%; align-items: center; height: 174px; }
canvas { width: 100%; height: 100px; border-radius: 6px; display: block; }
.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; }