Scale the card up on desktop, glass header controls, slim volume slider

On wide windows with a mouse the card grows with the window (--u), the
action rail sits beside the content, the header controls share one glass
capsule and up next is larger. The volume slider is a slim filled track
everywhere. The drop's canvas is capped at 2.6M pixels so the bigger drop
costs no more than it shows.
This commit is contained in:
nvrl committed 2026-11-02 12:55:27 +01:00
1 parent b29062db3e
commit aa0e28d326
3 files changed
+110 -3

No files matched your search

+2
View File
@@ -504,6 +504,8 @@ function showVolume(): void {
muteBtn.querySelector("use")!.setAttribute("href", silent ? "#i-mute" : "#i-vol");
muteBtn.setAttribute("aria-pressed", String(player.muted));
volumeSlider.value = String(player.muted ? 0 : player.volume);
// How far the slider's track is filled (style.css).
volumeSlider.style.setProperty("--v", `${Number(volumeSlider.value) * 100}%`);
}
function setMuted(m: boolean): void {