xueteng/video-flow-b
1
0
Fork 0
forked from 77media/video-flow
Code Pull Requests Activity

调整配色

Browse Source
This commit is contained in:
北枳 2025-08-24 19:38:01 +08:00
parent 27fd4b3a14
commit d36bec13fc
2 changed files with 23 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/SmartChatBox/MessageRenderer.tsx
View File

@ -18,7 +18,7 @@ export function MessageRenderer({ msg }: MessageRendererProps) {
const bubbleClass = useMemo(() => { const bubbleClass = useMemo(() => {
if (isSystem) return "bg-amber-50 text-amber-900 border border-amber-200"; if (isSystem) return "bg-amber-50 text-amber-900 border border-amber-200";
if (isUser) return "bg-blue-500/30 text-white"; if (isUser) return "bg-blue-500/30 text-white";
return "bg-gray-800 text-gray-100"; // assistant return "bg-[#6af4f933] text-gray-100"; // assistant
}, [isSystem, isUser]); }, [isSystem, isUser]);
const badge = isSystem ? ( const badge = isSystem ? (
@ -26,7 +26,7 @@ export function MessageRenderer({ msg }: MessageRendererProps) {
系统流程 系统流程
</span> </span>
) : msg.role === "assistant" ? ( ) : msg.role === "assistant" ? (
<span className="inline-flex items-center gap-1 px-2 py-0.5 text-[10px] rounded-full bg-gray-700 text-gray-100 mr-2"> <span className="inline-flex items-center gap-1 px-2 py-0.5 text-[10px] rounded-full bg-[#6af4f94d] text-gray-100 mr-2">
助手 助手
</span> </span>
) : null; ) : null;

31
components/pages/work-flow/thumbnail-grid.tsx
View File

@ -4,7 +4,7 @@ import React, { useRef, useEffect, useState, useCallback } from 'react';
import { motion } from 'framer-motion'; import { motion } from 'framer-motion';
import { Skeleton } from '@/components/ui/skeleton'; import { Skeleton } from '@/components/ui/skeleton';
import { ProgressiveReveal, presets } from '@/components/ui/progressive-reveal'; import { ProgressiveReveal, presets } from '@/components/ui/progressive-reveal';
import { Loader2, X, SquareUserRound, MapPinHouse, Clapperboard } from 'lucide-react'; import { Loader2, X, SquareUserRound, MapPinHouse, Clapperboard, Video } from 'lucide-react';
import { TaskObject } from '@/api/DTO/movieEdit'; import { TaskObject } from '@/api/DTO/movieEdit';
interface ThumbnailGridProps { interface ThumbnailGridProps {
@ -209,9 +209,16 @@ export function ThumbnailGrid({
</div> </div>
<div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent z-10"> <div className='absolute bottom-0 left-0 right-0 p-2'>
<span className="text-xs text-white/90">Scene {index + 1}</span> <div className="inline-flex items-center px-2 py-1 rounded-full bg-green-500/20 backdrop-blur-sm">
<Video className="w-3 h-3 text-green-400 mr-1" />
<span className="text-xs text-green-400">Shot {index + 1}</span>
</div>
</div> </div>
{/* <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent z-10">
<span className="text-xs text-white/90">Scene {index + 1}</span>
</div> */}
</div> </div>
); );
}) })
@ -255,7 +262,7 @@ export function ThumbnailGrid({
/> />
</div> </div>
)} )}
<div className='absolute top-0 left-0 right-0 p-2'> <div className='absolute bottom-0 left-0 right-0 p-2'>
{/* 角色类型 */} {/* 角色类型 */}
{sketch.type === 'role' && ( {sketch.type === 'role' && (
<div className="inline-flex items-center px-2 py-1 rounded-full bg-purple-500/20 backdrop-blur-sm"> <div className="inline-flex items-center px-2 py-1 rounded-full bg-purple-500/20 backdrop-blur-sm">
@ -265,19 +272,23 @@ export function ThumbnailGrid({
)} )}
{/* 场景类型 */} {/* 场景类型 */}
{sketch.type === 'scene' && ( {sketch.type === 'scene' && (
<div className="inline-flex items-center px-2 py-1 rounded-full bg-blue-500/20 backdrop-blur-sm"> <div className="inline-flex items-center px-2 py-1 rounded-full bg-purple-500/20 backdrop-blur-sm">
<MapPinHouse className="w-3 h-3 text-blue-400 mr-1" /> <MapPinHouse className="w-3 h-3 text-purple-400 mr-1" />
<span className="text-xs text-blue-400">Scene</span> <span className="text-xs text-purple-400">Scene</span>
</div> </div>
)} )}
{/* 分镜类型 */} {/* 分镜类型 */}
{(!sketch.type || sketch.type === 'shot_sketch') && ( {(!sketch.type || sketch.type === 'shot_sketch') && (
<div className="inline-flex items-center px-2 py-1 rounded-full bg-amber-500/20 backdrop-blur-sm"> <div className="inline-flex items-center px-2 py-1 rounded-full bg-cyan-500/20 backdrop-blur-sm">
<Clapperboard className="w-3 h-3 text-amber-400 mr-1" /> <Clapperboard className="w-3 h-3 text-cyan-400 mr-1" />
<span className="text-xs text-amber-400">Shot {index + 1}</span> <span className="text-xs text-cyan-400">Shot {index + 1}</span>
</div> </div>
)} )}
</div> </div>
{/* <div className="absolute bottom-0 left-0 right-0 p-2 bg-gradient-to-t from-black/60 to-transparent z-10">
<span className="text-xs text-white/90">{sketch.type === 'role' ? 'Role' : (sketch.type === 'scene' ? 'Scene' : 'Shot')} {index + 1}</span>
</div> */}
</div> </div>
); );
})} })}