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

2026-02-12 22:33:43 -08:00
parent 68c23b5f63
commit e00df59358
1 changed files with 2 additions and 2 deletions
--- a/src/lib/components/player/PlayerDesktop.svelte
+++ b/src/lib/components/player/PlayerDesktop.svelte
@@ -63,7 +63,7 @@
 			<div class="flex justify-center gap-4 divide-x divide-accent">
 				<Controls />
 				<!-- Volume -->
-				<div class="flex items-center gap-3">
+				<div class="flex items-center gap-3 min-w-0">
 					<button
 						onclick={() => player.toggleMute()}
 						class="text-muted-foreground hover:text-foreground transition-colors"
@@ -82,7 +82,7 @@
 						bind:value={player.volume}
 						max={1}
 						step={0.05}
-						class="flex-1"
+						class="flex-1 min-w-0"
 					/>
 				</div>
 			</div>