同步action

This commit is contained in:
北枳 2025-07-07 23:35:42 +08:00
parent 07d2d8fbf7
commit 51fc0c916e
2 changed files with 7 additions and 7 deletions

View File

@ -267,13 +267,13 @@ const AnimatedText = ({ text, onComplete, shouldStart }: { text: string; onCompl
/> />
</div> </div>
{/* Create按钮 */} {/* Action按钮 */}
<div <div
ref={buttonRef} ref={buttonRef}
className="absolute right-2 top-1/2 -translate-y-1/2 opacity-0 bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-md text-sm font-medium cursor-pointer transition-all duration-200 flex items-center gap-2" className="absolute right-2 top-1/2 -translate-y-1/2 opacity-0 bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-2 rounded-md text-sm font-medium cursor-pointer transition-all duration-200 flex items-center gap-2"
> >
<ArrowUp className="w-4 h-4" /> <ArrowUp className="w-4 h-4" />
Create Action
</div> </div>
{/* 鼠标指针 */} {/* 鼠标指针 */}
@ -920,7 +920,7 @@ export const EmptyStateAnimation = ({className}: {className: string}) => {
{showText && ( {showText && (
<AnimatedText <AnimatedText
key={`text-${animationCycle}`} key={`text-${animationCycle}`}
text="Choose to input a script below or select a video to replicate. Before clicking the create button, you can choose the generation mode - automatic or manual intervention, as well as the resolution of the generated video. Once confirmed, you can click the create button." text="Choose to input a script below or select a video to replicate. Before clicking the action button, you can choose the generation mode - automatic or manual intervention, as well as the resolution of the generated video. Once confirmed, you can click the action button."
onComplete={handleTextComplete} onComplete={handleTextComplete}
shouldStart={showText} shouldStart={showText}
/> />

View File

@ -419,7 +419,7 @@ export function CreateToVideo2() {
<div className='absolute top-0 bottom-0 left-0 right-0 z-[1] grid justify-items-center place-content-center rounded-[20px] bg-[#191B1E] bg-opacity-[0.3] backdrop-blur-[1.5px] cursor-pointer' onClick={() => setIsExpanded(false)}> <div className='absolute top-0 bottom-0 left-0 right-0 z-[1] grid justify-items-center place-content-center rounded-[20px] bg-[#191B1E] bg-opacity-[0.3] backdrop-blur-[1.5px] cursor-pointer' onClick={() => setIsExpanded(false)}>
{/* 图标 展开按钮 */} {/* 图标 展开按钮 */}
<ChevronUp className='w-4 h-4' /> <ChevronUp className='w-4 h-4' />
<span className='text-sm'>Click to create</span> <span className='text-sm'>Click to action</span>
</div> </div>
) : ( ) : (
<div className='absolute top-[-8px] left-[50%] z-[2] flex items-center justify-center w-[46px] h-4 rounded-[15px] bg-[#fff3] translate-x-[-50%] cursor-pointer hover:bg-[#ffffff1a]' onClick={() => setIsExpanded(true)}> <div className='absolute top-[-8px] left-[50%] z-[2] flex items-center justify-center w-[46px] h-4 rounded-[15px] bg-[#fff3] translate-x-[-50%] cursor-pointer hover:bg-[#ffffff1a]' onClick={() => setIsExpanded(true)}>
@ -477,7 +477,7 @@ export function CreateToVideo2() {
<div <div
className={`custom-placeholder absolute top-[50%] left-[10px] z-10 translate-y-[-50%] flex items-center gap-1 pointer-events-none text-[14px] leading-[26px] text-white/[0.40] ${script ? 'opacity-0' : 'opacity-100'}`} className={`custom-placeholder absolute top-[50%] left-[10px] z-10 translate-y-[-50%] flex items-center gap-1 pointer-events-none text-[14px] leading-[26px] text-white/[0.40] ${script ? 'opacity-0' : 'opacity-100'}`}
> >
<span>Describe the content you want to create. Get an </span> <span>Describe the content you want to action. Get an </span>
<b <b
className='idea-link inline-flex items-center gap-0.5 text-white/[0.50] font-normal cursor-pointer pointer-events-auto underline' className='idea-link inline-flex items-center gap-0.5 text-white/[0.50] font-normal cursor-pointer pointer-events-auto underline'
onClick={() => setInputText(ideaText)} onClick={() => setInputText(ideaText)}
@ -539,12 +539,12 @@ export function CreateToVideo2() {
{isCreating ? ( {isCreating ? (
<> <>
<Loader2 className='w-4 h-4 animate-spin' /> <Loader2 className='w-4 h-4 animate-spin' />
Creating... Actioning...
</> </>
) : ( ) : (
<> <>
<ArrowUp className='w-4 h-4' /> <ArrowUp className='w-4 h-4' />
Create Action
</> </>
)} )}
</div> </div>