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 */}
<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 */}