mirror of
https://github.com/R0m1k3/podcastic.git
synced 2026-10-11 17:26:20 +02:00
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:
1 parent
99c9c299de
commit
d5e3aa3be5
1 file changed
+2
-1
@@ -123,7 +123,8 @@ export default function AudioPlayer({ episode, onClose, userId, mode = 'floating
|
||||
? <img
|
||||
src={episode.imageUrl || podcast!.imageUrl}
|
||||
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>
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user