From 4597b120f4c78e7c19503467d896bf46785dcd84 Mon Sep 17 00:00:00 2001 From: Priec Date: Tue, 19 May 2026 18:03:32 +0200 Subject: [PATCH] audio player at the bottom --- assets/static/css/theme.css | 79 +++++++++++++++++++++++++++++++++- assets/views/admin/login.html | 2 +- assets/views/audio/album.html | 9 ++-- assets/views/audio/tracks.html | 7 ++- assets/views/base.html | 48 ++++++++++++++++++--- 5 files changed, 128 insertions(+), 17 deletions(-) diff --git a/assets/static/css/theme.css b/assets/static/css/theme.css index 3f334f5..c1597f0 100644 --- a/assets/static/css/theme.css +++ b/assets/static/css/theme.css @@ -302,10 +302,85 @@ body { .term-prose a { color: oklch(var(--in)); } /* --- audio rows -------------------------------------------- */ -.term-track { padding: 0.6rem 0; border-top: 1px solid oklch(var(--b3)); } +.term-track { + display: flex; + align-items: center; + gap: 0.7rem; + padding: 0.5rem 0; + border-top: 1px solid oklch(var(--b3)); +} .term-track:first-child { border-top: 0; } +.term-track .btn { flex: none; } .term-track-name { font-size: 0.9rem; } -audio { width: 100%; margin-top: 0.45rem; } + +/* --- persistent audio player bar --------------------------- */ +/* Hidden until the first song plays; shown by adding `uw-playing` + * to . The bar itself carries `hx-preserve` so the