forked from 77media/video-flow
修复生成视频前草图模糊
This commit is contained in:
parent
c9fdf8b55a
commit
07d2d8fbf7
@ -257,6 +257,7 @@ export default function WorkFlow() {
|
||||
<ErrorBoundary>
|
||||
<ThumbnailGrid
|
||||
isLoading={isLoading}
|
||||
isPlaying={isPlaying}
|
||||
currentStep={currentStep}
|
||||
currentSketchIndex={currentSketchIndex}
|
||||
taskSketch={taskSketch}
|
||||
|
||||
@ -7,6 +7,7 @@ import { ProgressiveReveal, presets } from '@/components/ui/progressive-reveal';
|
||||
|
||||
interface ThumbnailGridProps {
|
||||
isLoading: boolean;
|
||||
isPlaying: boolean;
|
||||
currentStep: string;
|
||||
currentSketchIndex: number;
|
||||
taskSketch: any[];
|
||||
@ -20,6 +21,7 @@ interface ThumbnailGridProps {
|
||||
|
||||
export function ThumbnailGrid({
|
||||
isLoading,
|
||||
isPlaying,
|
||||
currentStep,
|
||||
currentSketchIndex,
|
||||
taskSketch,
|
||||
@ -183,7 +185,7 @@ export function ThumbnailGrid({
|
||||
<div className="w-full h-full transform hover:scale-105 transition-transform duration-500">
|
||||
<img
|
||||
className={`w-full h-full object-cover transition-all duration-300 ${
|
||||
!taskVideos[index] ? 'filter blur-sm opacity-60' : ''
|
||||
(!taskVideos[index] && !isPlaying) ? 'filter blur-sm opacity-60' : ''
|
||||
}`}
|
||||
src={sketch.url}
|
||||
alt={`Thumbnail ${index + 1}`}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user