mirror of
https://github.com/narrrl/pl8list-rewind.git
synced 2026-11-11 09:17:03 +01:00
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:
1 parent
b29062db3e
commit
aa0e28d326
3 files changed
+110
-3
No files matched your search
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user