auto-save 2026-05-12 19:31 (~2)

This commit is contained in:
2026-05-12 19:31:21 +08:00
parent c1596680cf
commit ecef98842f
2 changed files with 21 additions and 8 deletions

View File

@@ -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
}
]
}

View File

@@ -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>