From a0aadf9b26f48e39145e4ed6fe93d9a3b906b987 Mon Sep 17 00:00:00 2001
From: angel <sillyangel3@gmail.com>
Date: Wed, 2 Jul 2025 01:09:47 +0000
Subject: [PATCH] feat: refine AudioPlayer layout by adjusting control button
 spacing and commenting out progress bar section

---
 app/components/AudioPlayer.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/AudioPlayer.tsx b/app/components/AudioPlayer.tsx
index cdec276..d4f60cc 100644
--- a/app/components/AudioPlayer.tsx
+++ b/app/components/AudioPlayer.tsx
@@ -433,7 +433,7 @@ export const AudioPlayer: React.FC = () => {
           {/* Center section with controls and progress */}
           <div className="flex flex-col items-center flex-1 justify-center">
             {/* Control buttons */}  
-            <div className="flex items-center justify-center space-x-3 mb-2">
+            <div className="flex items-center justify-center space-x-3">
               <button
                 onClick={toggleShuffle} 
                 className={`p-2 hover:bg-gray-700/50 rounded-full transition-colors ${shuffle ? 'text-primary bg-primary/20' : ''}`} 
@@ -465,7 +465,7 @@ export const AudioPlayer: React.FC = () => {
             </div>
             
             {/* Progress bar */}
-            <div className="flex items-center space-x-2 w-80">
+            {/* <div className="flex items-center space-x-2 w-80">
               <span className="text-xs text-muted-foreground w-8 text-right">
                 {formatTime(audioCurrent?.currentTime ?? 0)}
               </span>
@@ -473,7 +473,7 @@ export const AudioPlayer: React.FC = () => {
               <span className="text-xs text-muted-foreground w-8">
                 {formatTime(audioCurrent?.duration ?? 0)}
               </span>
-            </div>
+            </div> */}
           </div>
 
           {/* Right side buttons */}