Miniplayer
{% if tracks.is_empty() %} -Aucune track
+diff --git a/static/style.css b/static/style.css index a9597b4..a78377b 100644 --- a/static/style.css +++ b/static/style.css @@ -6,6 +6,7 @@ --blue: #a2d2ff; --darker-pink: #ff75a7; --darkerer-pink: #ff4287; + --win-bg-grey: #c0c0c0; } body { @@ -30,7 +31,7 @@ navbar { left: 0; width: 100svw; height: 3.5rem; - background-color: #c0c0c0; + background-color: var(--win-bg-grey); border-bottom: 2px solid #000; navbar-content { @@ -42,7 +43,7 @@ navbar { padding: 4px 8px; border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff; - background: #c0c0c0; + background: var(--win-bg-grey); &:has(input:checked) { background: #ff75a7; @@ -105,9 +106,18 @@ katcenkat { /* Mini player */ + miniplayer { position: fixed; - top: 4rem; - left: 1rem; + top: 3.5rem; + left: 0; z-index: 100; + background-color: var(--win-bg-grey); + border: 2px solid oklch(55.1% 0.027 264.364); + + ominous-message { + font-style: italic; + } + + } \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index 21f0279..02fd5c5 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,20 +4,21 @@
-Aucune track
+