auto-save 2026-05-12 19:31 (~2)
This commit is contained in:
@@ -244,6 +244,13 @@
|
||||
"message": "auto-save 2026-05-12 19:20 (~3)",
|
||||
"hash": "5a86328",
|
||||
"files_changed": 3
|
||||
},
|
||||
{
|
||||
"ts": "2026-05-12T19:25:47+08:00",
|
||||
"type": "commit",
|
||||
"message": "auto-save 2026-05-12 19:25 (~4)",
|
||||
"hash": "c159668",
|
||||
"files_changed": 4
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@@ -292,26 +292,32 @@ export function KeyframeNode({ data, selected }: any) {
|
||||
{f.timestamp.toFixed(1)}s
|
||||
</div>
|
||||
|
||||
{/* Hover 大图预览 */}
|
||||
{/* Hover 大图预览 — 大尺寸(跟整排缩略图同宽 + 高至屏幕顶) */}
|
||||
<div
|
||||
className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-90 group-hover:scale-100 transition-all duration-200 z-[60]"
|
||||
className="pointer-events-none absolute opacity-0 group-hover:opacity-100 scale-95 group-hover:scale-100 transition-all duration-200 z-[60]"
|
||||
style={{
|
||||
bottom: "calc(100% + 8px)",
|
||||
bottom: "calc(100% + 10px)",
|
||||
left: "50%",
|
||||
transform: "translateX(-50%)",
|
||||
transformOrigin: "bottom center",
|
||||
}}
|
||||
>
|
||||
<div className="rounded-xl overflow-hidden border border-white/20 shadow-2xl bg-black">
|
||||
<div className="rounded-2xl overflow-hidden border border-white/25 bg-black" style={{ boxShadow: "0 40px 100px -20px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,255,255,0.06)" }}>
|
||||
<img
|
||||
src={frameUrl(jobId, f.index)}
|
||||
alt={`preview ${f.index}`}
|
||||
className="block"
|
||||
style={{ width: KEYFRAME_WIDTH, height: "auto", maxHeight: "70vh" }}
|
||||
style={{
|
||||
width: KEYFRAME_WIDTH * 2,
|
||||
maxWidth: "min(720px, 80vw)",
|
||||
height: "auto",
|
||||
maxHeight: "82vh",
|
||||
objectFit: "contain",
|
||||
}}
|
||||
/>
|
||||
<div className="flex items-center justify-between px-2.5 py-1.5 bg-black/60 backdrop-blur-md">
|
||||
<span className="text-white text-[11px]">分镜 {f.index + 1}</span>
|
||||
<span className="text-white/60 text-[10px] font-mono">{f.timestamp.toFixed(2)}s</span>
|
||||
<div className="flex items-center justify-between px-3 py-2 bg-black/70 backdrop-blur-md">
|
||||
<span className="text-white text-[12.5px] font-medium">分镜 {f.index + 1}</span>
|
||||
<span className="text-white/60 text-[11px] font-mono">{f.timestamp.toFixed(2)}s</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user