Glass: move the Now playing label to the bottom right of the card

This commit is contained in:
Jonathan Sykes
2026-10-13 07:33:51 +08:00
parent a22b8b44c9
commit c2176476b5

View File

@@ -387,3 +387,6 @@ html[data-layout="glass-stage"] .search-btn:hover { background: color-mix(in srg
html[data-layout="glass-stage"][data-theme="contrast"] .search-btn { background: #fff; color: #000; border-color: #fff; } html[data-layout="glass-stage"][data-theme="contrast"] .search-btn { background: #fff; color: #000; border-color: #fff; }
html[data-layout="glass-stage"][data-theme="light"] .search-btn { background: color-mix(in srgb, var(--accent-deep) 88%, transparent); color: #fff; border-color: color-mix(in srgb, var(--accent-deep) 70%, #fff); } html[data-layout="glass-stage"][data-theme="light"] .search-btn { background: color-mix(in srgb, var(--accent-deep) 88%, transparent); color: #fff; border-color: color-mix(in srgb, var(--accent-deep) 70%, #fff); }
html[data-layout="glass-stage"][data-theme="light"] .search-btn:hover { background: var(--accent-deep); } html[data-layout="glass-stage"][data-theme="light"] .search-btn:hover { background: var(--accent-deep); }
/* "NOW PLAYING" sits bottom-right of the card so it never covers the row's controls. */
html[data-layout="glass-stage"] .card.playing::after { top: auto; bottom: 12px; right: 18px; pointer-events: none; }