mkelvers/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: convert volume slider CSS to Tailwind utilities

Browse Source
This commit is contained in:
mkelvers
2026-04-20 02:04:11 +02:00
parent a6d2b9821a
commit 3b85a8daf3
3 changed files with 60 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/player.ts
View File

@@ -27,7 +27,7 @@ const initPlayer = (): void => {
const iconPause = container.querySelector('[data-icon-pause]') as SVGElement
const muteBtn = container.querySelector('[data-mute]') as HTMLButtonElement
const volumeWrap = container.querySelector('[data-volume-wrap]') as HTMLElement
const volumePanel = container.querySelector('.volume-panel') as HTMLElement
const volumePanel = container.querySelector('[data-volume-panel]') as HTMLElement
const volumeRange = container.querySelector('[data-volume-range]') as HTMLInputElement
const iconVolume = container.querySelector('[data-icon-volume]') as SVGElement
const iconMuted = container.querySelector('[data-icon-muted]') as SVGElement
@@ -854,7 +854,7 @@ const initPlayer = (): void => {
const setVolumePanelOpen = (isOpen: boolean): void => {
if (volumePanel) {
volumePanel.classList.toggle('is-visible', isOpen)
volumePanel.classList.toggle('volume-panel-visible', isOpen)
}
volumeWrap?.classList.toggle('is-volume-open', isOpen)
isHoveringVolume = isOpen