forked from 77media/video-flow
同步action
This commit is contained in:
parent
07d2d8fbf7
commit
51fc0c916e
@ -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}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user