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

fix: move subject results below conversion layer

Browse Source
This commit is contained in:
kang
2026-05-20 20:39:28 +08:00
parent f0f2203eed
commit 5bffd6308e
3 changed files with 30 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/components/ad-recreation-board.tsx
View File

@@ -3938,7 +3938,8 @@ function SourceSubjectPipeline({
return (
<>
<div className="grid grid-cols-[170px_minmax(285px,0.95fr)_minmax(0,1.05fr)] gap-2">
<div className="space-y-2">
<div className="grid grid-cols-[150px_minmax(0,1fr)] gap-2">
<div className="min-w-0">
<div className="mb-2 flex items-center justify-between gap-2">
<SectionTitle icon={<ImageIcon className="h-4 w-4" />} title="参考帧池" />
@@ -4316,6 +4317,7 @@ function SourceSubjectPipeline({
) : null}
</div>
</div>
</div>
<div className="min-w-0">
<div className="mb-2 flex items-center justify-between gap-2">
@@ -4324,7 +4326,7 @@ function SourceSubjectPipeline({
{subjectAssetPacks.length ? `${subjectAssetPacks.length} 套` : "待生成"}
</span>
</div>
<div className="min-h-[500px] rounded-md border border-white/10 bg-black/32 p-2">
<div className="rounded-md border border-white/10 bg-black/32 p-2">
{subjectBusyFor ? (
<div className="mb-2 rounded-md border border-cyan-200/20 bg-cyan-300/[0.07] px-2.5 py-2 text-[10px] leading-snug text-cyan-50/70">
正在生成{reconstructionModeConfig(subjectBusyFor.mode).label} {subjectBusyFor.viewCount} 张；参考 {subjectBusyFor.sourceCount || "自主描述"}。
@@ -4333,7 +4335,7 @@ function SourceSubjectPipeline({
</div>
) : null}
{subjectAssetPacks.length ? (
<div className="space-y-2">
<div className="grid grid-cols-[minmax(0,1fr)_260px] gap-2">
{activeSubjectPack ? (
<div className="rounded-md border border-[#d6b36a]/28 bg-[#d6b36a]/[0.07] p-2">
<div className="mb-2 flex items-center justify-between gap-2">
@@ -4347,7 +4349,7 @@ function SourceSubjectPipeline({
{activeSubjectPack.assets.length} 张
</span>
</div>
<div className="grid max-h-[300px] grid-cols-[repeat(auto-fill,minmax(88px,1fr))] gap-2 overflow-y-auto pr-0.5">
<div className="flex max-h-[190px] gap-2 overflow-x-auto pb-1">
{activeSubjectPack.assets.map((asset) => {
const busyMode = subjectAssetBusy?.endsWith(asset.id) ? subjectAssetBusy.split(":")[0] : ""
const status = subjectAssetStatus(asset)
@@ -4363,7 +4365,7 @@ function SourceSubjectPipeline({
alt={asset.label || asset.view}
label={asset.label || subjectViewLabel(asset.view)}
meta={subjectAssetStatusLabel(asset)}
className={`aspect-[9/16] ${running ? "bg-black/40" : failed ? "bg-rose-950/30" : "bg-white"}`}
className={`aspect-[9/16] w-[86px] shrink-0 ${running ? "bg-black/40" : failed ? "bg-rose-950/30" : "bg-white"}`}
objectFit="contain"
busy={running}
emptyText={failed ? "失败" : running ? "生成中" : undefined}
@@ -4387,8 +4389,8 @@ function SourceSubjectPipeline({
</div>
</div>
) : null}
<div className="max-h-32 overflow-auto rounded-md border border-white/10 bg-black/24 p-1.5">
<div className="grid grid-cols-[repeat(auto-fill,minmax(112px,1fr))] gap-1.5">
<div className="max-h-[244px] overflow-auto rounded-md border border-white/10 bg-black/24 p-1.5">
<div className="grid grid-cols-1 gap-1.5">
{subjectAssetPacks.map((pack, index) => {
const active = activeSubjectPack?.key === pack.key
return (
@@ -4418,8 +4420,8 @@ function SourceSubjectPipeline({
</div>
</div>
) : (
<div className="flex h-40 items-center justify-center rounded border border-dashed border-white/12 px-3 text-center text-[10.5px] leading-snug text-white/34">
转换层生成完成后，这里会展示可用于后续分镜的主体套图。
<div className="flex h-20 items-center justify-center rounded border border-dashed border-white/12 px-3 text-center text-[10.5px] leading-snug text-white/34">
转换层生成完成后，这里会横向展示主体套图。
</div>
)}
</div>