angel/mice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refine AudioPlayer layout by adjusting control button spacing and commenting out progress bar section

Browse Source
This commit is contained in:
angel
2025-07-02 01:09:47 +00:00
committed by GitHub
parent 79f4a66a35
commit a0aadf9b26
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/AudioPlayer.tsx
View File

@@ -433,7 +433,7 @@ export const AudioPlayer: React.FC = () => {
{/* Center section with controls and progress */} {/* Center section with controls and progress */}
<div className="flex flex-col items-center flex-1 justify-center"> <div className="flex flex-col items-center flex-1 justify-center">
{/* Control buttons */} {/* 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 <button
onClick={toggleShuffle} onClick={toggleShuffle}
className={`p-2 hover:bg-gray-700/50 rounded-full transition-colors ${shuffle ? 'text-primary bg-primary/20' : ''}`} 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> </div>
{/* Progress bar */} {/* 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"> <span className="text-xs text-muted-foreground w-8 text-right">
{formatTime(audioCurrent?.currentTime ?? 0)} {formatTime(audioCurrent?.currentTime ?? 0)}
</span> </span>
@@ -473,7 +473,7 @@ export const AudioPlayer: React.FC = () => {
<span className="text-xs text-muted-foreground w-8"> <span className="text-xs text-muted-foreground w-8">
{formatTime(audioCurrent?.duration ?? 0)} {formatTime(audioCurrent?.duration ?? 0)}
</span> </span>
</div> </div> */}
</div> </div>
{/* Right side buttons */} {/* Right side buttons */}