cleanup

nwaughachukwuma · Dec 10, 2024 · c33b811 · c33b811
1 parent c1eae8d
commit c33b811
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/app/src/lib/components/audio-player/AudioPlayer.svelte b/app/src/lib/components/audio-player/AudioPlayer.svelte
@@ -55,10 +55,10 @@
 	};
 </script>
 
-<div class="w-full p-6 pb-3 rounded-xl bg-gradient-to-br from-gray-900 to-gray-800 shadow-lg">
+<div class="w-full pt-6 px-4 pb-3 rounded-xl bg-gradient-to-br from-gray-900 to-gray-800 shadow-lg">
 	<audio
 		bind:this={audioRef}
-		class="w-full animate-fade-in block"
+		class="hidden"
 		on:loadeddata={setAudioData}
 		on:timeupdate={setCurrentTime}
 	>
@@ -89,7 +89,7 @@
 
 		<AudioPlayerPlaybackControl bind:isPlaying {audioRef} />
 
-		<div class="flex justify-between items-center gap-x-4">
+		<div class="flex justify-between items-center gap-x-3">
 			<span class="md:hidden">
 				<AudioPlayerVolumeController {audioRef} bind:volume bind:isMuted />
 			</span>

diff --git a/app/src/lib/components/audio-player/AudioPlayerPlaybackControl.svelte b/app/src/lib/components/audio-player/AudioPlayerPlaybackControl.svelte
@@ -20,7 +20,7 @@
 	};
 </script>
 
-<div class="flex justify-center items-center gap-x-4">
+<div class="flex justify-center items-center gap-x-1 md:gap-x-3">
 	<Button
 		variant="ghost"
 		size="icon"

diff --git a/app/src/lib/components/audio-player/AudioPlayerVolumeController.svelte b/app/src/lib/components/audio-player/AudioPlayerVolumeController.svelte
@@ -39,8 +39,8 @@
 		max={100}
 		step={1}
 		onValueChange={handleVolumeChange}
-		class="w-24"
-		rangeClass="bg-emerald-800"
-		thumbClass="bg-zinc-800 border-zinc-500"
+		class="w-14 md:w-20"
+		rangeClass="bg-white/70"
+		thumbClass="bg-white border-white"
 	/>
 </div>