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

fix: enlarge generation composer controls

Browse Source
This commit is contained in:
kang
2026-05-20 22:21:32 +08:00
parent fc06816483
commit e1e9bf8ca1
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4221,26 +4221,26 @@ function SourceSubjectPipeline({
</span>
)}
</div>
<div className="rounded-md border border-white/10 bg-black/35 p-1.5">
<div className="rounded-md border border-white/10 bg-black/35 p-2">
<textarea
value={agentInput}
onChange={(event) => setAgentInput(event.target.value)}
placeholder="直接写要怎么生成，或补充要改什么。"
className="h-[72px] w-full resize-none rounded border border-transparent bg-transparent px-1 py-1 text-[10.5px] leading-snug text-white outline-none transition placeholder:text-white/24 focus:border-cyan-200/45"
className="h-28 w-full resize-none rounded border border-transparent bg-transparent px-2 py-2 text-[11px] leading-relaxed text-white outline-none transition placeholder:text-white/24 focus:border-cyan-200/45"
/>
<div className="mt-1 flex items-center gap-1.5">
<div className="flex h-8 shrink-0 items-center overflow-hidden rounded-md border border-white/10 bg-black/35">
<div className="mt-2 flex items-center gap-2">
<div className="flex h-10 shrink-0 items-center overflow-hidden rounded-md border border-white/10 bg-black/35">
<button
type="button"
onClick={() => setAgentQuantity((current) => clampNumber(current - 1, 1, 10))}
disabled={agentQuantity <= 1 || !!subjectAgentBusy}
className="inline-flex h-full w-7 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
className="inline-flex h-full w-9 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
title="减少生成数量"
aria-label="减少生成数量"
>
<Minus className="h-3.5 w-3.5" />
<Minus className="h-4 w-4" />
</button>
<label className="flex h-full items-center gap-1 border-x border-white/10 px-1.5 text-[9px] text-white/38">
<label className="flex h-full items-center gap-1.5 border-x border-white/10 px-2 text-[10px] text-white/42">
<span>张数</span>
<input
type="number"
@@ -4253,27 +4253,27 @@ function SourceSubjectPipeline({
setAgentQuantity(Number.isFinite(next) ? clampNumber(next, 1, 10) : 6)
}}
disabled={!!subjectAgentBusy}
className="h-6 w-8 bg-transparent text-center text-[10px] font-semibold text-white outline-none disabled:opacity-45"
className="h-8 w-10 bg-transparent text-center text-[11px] font-semibold text-white outline-none disabled:opacity-45"
/>
</label>
<button
type="button"
onClick={() => setAgentQuantity((current) => clampNumber(current + 1, 1, 10))}
disabled={agentQuantity >= 10 || !!subjectAgentBusy}
className="inline-flex h-full w-7 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
className="inline-flex h-full w-9 items-center justify-center text-white/48 transition hover:bg-white/[0.06] hover:text-white/78 disabled:cursor-not-allowed disabled:opacity-30"
title="增加生成数量"
aria-label="增加生成数量"
>
<Plus className="h-3.5 w-3.5" />
<Plus className="h-4 w-4" />
</button>
</div>
<button
type="button"
onClick={() => void sendSubjectAgentRequirement()}
disabled={!!subjectAgentBusy || (!agentInput.trim() && !agentRequirement.trim() && !selectedAgentTraits.length && !agentSelectedTraitsDirty)}
className="skg-primary-action inline-flex h-8 flex-1 items-center justify-center gap-1.5 px-2 text-[10.5px] font-semibold transition disabled:cursor-not-allowed disabled:opacity-40"
className="skg-primary-action inline-flex h-10 flex-1 items-center justify-center gap-2 px-3 text-[11.5px] font-semibold transition disabled:cursor-not-allowed disabled:opacity-40"
>
{subjectAgentBusy === "message" ? <Loader2 className="h-3.5 w-3.5 animate-spin" /> : <Send className="h-3.5 w-3.5" />}
{subjectAgentBusy === "message" ? <Loader2 className="h-4 w-4 animate-spin" /> : <Send className="h-4 w-4" />}
发送消息
</button>
</div>