Changeset cb6b1ad in Klonkt

Timestamp:

06/14/2026 11:26:17 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

b50a885

Parents:

67d4067

Message:

fix: tablet full-player queue gets full width (660px instead of shrink-to-content)

align-items:center on the panel let the queue shrink to its content -> narrow.
Now width:100%;max-width:660px (matching info/progress) + larger row items.
audio.css v=4->v=5.

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

Location:

src

Files:

• assets/css/audio.css (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/audio.css

@@ -562 +562 @@
   .audio-sheet-play { width: 108px; height: 108px; }
   .audio-sheet-play svg { width: 46px; height: 46px; }
+  /* Queue dezelfde breedte als info/progress (anders krimpt 'ie door
+     align-items:center tot z'n inhoud = smal), + grotere rijen voor touch. */
+  .audio-sheet-queue { width: 100%; max-width: 660px; }
+  .audio-sheet-queue-label { font-size: 0.95rem; }
+  .audio-sheet-queue-item { padding: 0.7rem 0.7rem; gap: 0.6rem; font-size: 1.05rem; }
+  .audio-sheet-queue-item .aqi-artist { font-size: 0.95rem; }
 }
 

src/views/shell.ejs

@@ -168 +168 @@
      anywhere (admin previews, post embeds, etc). The player itself is
      a singleton — see the script tag near </body>. -->
-<link rel="stylesheet" href="/assets/css/audio.css?v=4">
+<link rel="stylesheet" href="/assets/css/audio.css?v=5">
 
 <%- include('partials/shared-styles') %>