fix: stabilize volume hover panel

This commit is contained in:
2026-04-18 07:09:42 +02:00
parent aa14114963
commit 99e86bfdad
3 changed files with 38 additions and 35 deletions

View File

@@ -232,7 +232,7 @@ templ VideoPlayer(data WatchPageData) {
</svg>
</button>
<div data-volume-wrap class="volume-wrap relative flex h-10 w-10 items-center justify-center overflow-visible">
<span data-volume-bridge class="pointer-events-none absolute inset-x-0 bottom-full h-[calc(100%+100px)]"></span>
<span data-volume-bridge class="absolute inset-x-0 bottom-full h-[calc(100%+26px)]"></span>
<div class="volume-panel pointer-events-none absolute bottom-[calc(100%+26px)] left-1/2 z-30 -translate-x-1/2 opacity-0 invisible transition-opacity">
<input
data-volume-range