mirror of
https://gitee.com/wanwujie/deer-flow
synced 2026-04-20 21:04:45 +08:00
feat: adjust button
This commit is contained in:
@@ -367,12 +367,12 @@ export default function ProgressiveSkillsAnimation() {
|
|||||||
|
|
||||||
{/* Bottom Left Play/Pause Button */}
|
{/* Bottom Left Play/Pause Button */}
|
||||||
<Tooltip content="Play / Pause">
|
<Tooltip content="Play / Pause">
|
||||||
|
<div className="absolute bottom-12 left-12 z-40 flex items-center gap-2">
|
||||||
<motion.button
|
<motion.button
|
||||||
initial={{ opacity: 0, scale: 0.8 }}
|
initial={{ opacity: 0, scale: 0.8 }}
|
||||||
animate={{ opacity: 1, scale: 1 }}
|
animate={{ opacity: 1, scale: 1 }}
|
||||||
onClick={handleTogglePlayPause}
|
onClick={handleTogglePlayPause}
|
||||||
className="absolute bottom-8 left-8 z-40 flex h-12 w-12 items-center justify-center rounded-full bg-white/10 backdrop-blur-md transition-all hover:scale-110 hover:bg-white/20 active:scale-95"
|
className="flex h-12 w-12 items-center justify-center rounded-full bg-white/10 backdrop-blur-md transition-all hover:scale-110 hover:bg-white/20 active:scale-95"
|
||||||
aria-label={isPlaying ? "暂停" : "播放"}
|
|
||||||
>
|
>
|
||||||
{isPlaying ? (
|
{isPlaying ? (
|
||||||
<Pause size={24} className="text-white" fill="white" />
|
<Pause size={24} className="text-white" fill="white" />
|
||||||
@@ -380,6 +380,10 @@ export default function ProgressiveSkillsAnimation() {
|
|||||||
<Play size={24} className="ml-0.5 text-white" fill="white" />
|
<Play size={24} className="ml-0.5 text-white" fill="white" />
|
||||||
)}
|
)}
|
||||||
</motion.button>
|
</motion.button>
|
||||||
|
<span className="text-lg font-medium">
|
||||||
|
Click to {isPlaying ? "pause" : "play"}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
|
||||||
<div className="flex h-full max-h-[700px] w-full max-w-6xl gap-8">
|
<div className="flex h-full max-h-[700px] w-full max-w-6xl gap-8">
|
||||||
|
|||||||
Reference in New Issue
Block a user