ui: player: fix volume slider overflow in desktop player controls

This commit is contained in:
2026-02-12 22:33:43 -08:00
parent ec3565078f
commit 7dc37d9eb7

View File

@@ -63,7 +63,7 @@
<div class="flex justify-center gap-4 divide-x divide-accent"> <div class="flex justify-center gap-4 divide-x divide-accent">
<Controls /> <Controls />
<!-- Volume --> <!-- Volume -->
<div class="flex items-center gap-3"> <div class="flex items-center gap-3 min-w-0">
<button <button
onclick={() => player.toggleMute()} onclick={() => player.toggleMute()}
class="text-muted-foreground hover:text-foreground transition-colors" class="text-muted-foreground hover:text-foreground transition-colors"
@@ -82,7 +82,7 @@
bind:value={player.volume} bind:value={player.volume}
max={1} max={1}
step={0.05} step={0.05}
class="flex-1" class="flex-1 min-w-0"
/> />
</div> </div>
</div> </div>