fix: artwork spin animation in inline player

Replace class-based animation toggle with inline animationPlayState
style. The transition-all class was conflicting with the CSS keyframe
animation, preventing the artwork from spinning when playing.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
MichaelandClaude Opus 4.7 committed 2026-04-22 15:41:10 +02:00
1 parent 99c9c299de
commit d5e3aa3be5
1 file changed
+2 -1
+2 -1
View File
@@ -123,7 +123,8 @@ export default function AudioPlayer({ episode, onClose, userId, mode = 'floating
? <img ? <img
src={episode.imageUrl || podcast!.imageUrl} src={episode.imageUrl || podcast!.imageUrl}
alt="" alt=""
className={`w-full h-full object-cover transition-all duration-500 ${isPlaying ? 'animate-spin-slow' : 'animate-spin-slow animate-spin-paused'}`} className="w-full h-full object-cover animate-spin-slow"
style={{ animationPlayState: isPlaying ? 'running' : 'paused' }}
/> />
: <div className="w-full h-full bg-gradient-to-br from-[var(--accent-primary)] to-[var(--accent-secondary)] flex items-center justify-center text-5xl">🎙️</div> : <div className="w-full h-full bg-gradient-to-br from-[var(--accent-primary)] to-[var(--accent-secondary)] flex items-center justify-center text-5xl">🎙️</div>
} }