ui: player: fix volume slider overflow in desktop player controls
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user