kangwan/20260512-skg-tk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-save 2026-05-13 19:12 (~3)

Browse Source
This commit is contained in:
kang
2026-05-13 19:12:17 +08:00
parent 6fb00da3f9
commit 61a4becb4b
3 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/components/nodes/index.tsx
View File

@@ -682,9 +682,9 @@ export function StoryboardNode({ data, selected }: any) {
📋
</button>
)}
{/* hover 预览 — 跟关键帧节点一样留在 ReactFlow 节点内部，不向 body 挂 fixed portal */}
{/* hover 预览 — 和关键帧节点保持一致：只看来源原帧，不额外展示元素面板 */}
<div
className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 transition-all duration-150 z-[90]"
className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 transition-all duration-150 z-[60]"
style={{
bottom: "calc(100% + 10px)",
left: "50%",
@@ -692,24 +692,13 @@ export function StoryboardNode({ data, selected }: any) {
transformOrigin: "bottom center",
}}
>
<div className="overflow-hidden rounded-lg border-2 border-violet-300/60 bg-black shadow-2xl" style={{ width: 340 }}>
<div className="grid grid-cols-[1fr_104px] gap-0">
<div className="bg-black">
<div className="px-2 py-1 text-[10px] text-white/65">来源原帧</div>
<div style={{ aspectRatio: aspect }}>
<img src={p.frameSrc} alt="" className="h-full w-full object-cover" />
</div>
</div>
<div className="border-l border-white/10 bg-white">
<div className="bg-black px-2 py-1 text-[10px] text-white/65">提取元素</div>
<div className="flex h-[calc(100%-22px)] items-center justify-center p-2">
<img src={p.src} alt="" className="max-h-full max-w-full object-contain" />
</div>
</div>
<div className="rounded-lg overflow-hidden border-2 border-violet-300/60 bg-black shadow-2xl" style={{ width: 280 }}>
<div style={{ aspectRatio: aspect }}>
<img src={p.frameSrc} alt="" className="w-full h-full object-cover" />
</div>
<div className="flex items-center justify-between gap-2 bg-black/90 px-2 py-1.5 text-[10.5px] text-white">
<span className="truncate">{p.name}</span>
<span className="shrink-0 font-mono text-white/55">分镜 {p.frameIdx + 1} · {p.timestamp.toFixed(2)}s</span>
<div className="px-2 py-1 bg-black/80 text-white text-[10.5px] flex items-center justify-between">
<span>分镜 {p.frameIdx + 1}</span>
<span className="shrink-0 font-mono text-white/55">{p.timestamp.toFixed(2)}s</span>
</div>
</div>
</div>