Changeset 67d4067 in Klonkt for src/assets/css/audio.css

Timestamp:

06/14/2026 11:21:54 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

cb6b1ad

Parents:

102d2f0

Message:

fix: tablet full-player uses 'safe center' — cover no longer clipped with a long queue

justify-content:center pushed the cover above the viewport (unreachable) when
cover+queue were taller than the screen. 'safe center' aligns to the top instead.
audio.css v=3->v=4.

Co-Authored-By: Claude <noreply@…>

File:

• src/assets/css/audio.css (modified) (1 diff)

src/assets/css/audio.css

@@ -540 +540 @@
     padding: clamp(2rem, 5vh, 4rem) clamp(2rem, 6vw, 5rem);
     gap: clamp(1.25rem, 3vh, 2.5rem);
-    justify-content: center;
+    /* 'safe center': verticaal centreren als alles past, maar bovenaan uitlijnen
+       (geen clip) zodra cover + queue hoger zijn dan het scherm — anders wordt de
+       cover boven de viewport geduwd en is 'ie niet te scrollen. */
+    justify-content: safe center;
     align-items: center;
   }