style: improve agent slot label readability
Some checks failed
Lint / build (20) (push) Has been cancelled
Playwright Tests / test (push) Has been cancelled

This commit is contained in:
Your Name 2026-03-20 19:28:44 +08:00
parent c6b250e0d6
commit f5a360010c

View File

@ -1500,7 +1500,7 @@ export function AgentGenerationWorkspaceDarkV2({
alt={attachments[index]!.name || slot.label}
className="h-full w-full object-cover"
/>
<div className="absolute inset-x-0 bottom-0 bg-black/60 px-2 py-1 text-[10px] text-white">
<div className="absolute inset-x-0 bottom-0 bg-black/70 px-3 py-2 text-xs font-medium text-white">
{slot.label}
</div>
<button
@ -1512,13 +1512,13 @@ export function AgentGenerationWorkspaceDarkV2({
</button>
</>
) : (
<div className="flex h-full flex-col items-center justify-center gap-1 text-white/30">
<div className="flex h-full flex-col items-center justify-center gap-2 text-white/55">
{slotUploading === index ? (
<Loader2 className="h-5 w-5 animate-spin text-emerald-400" />
<Loader2 className="h-6 w-6 animate-spin text-emerald-400" />
) : (
<>
<Upload className="h-5 w-5" />
<span className="text-[10px]">{slot.label}</span>
<Upload className="h-6 w-6" />
<span className="text-sm font-medium text-white/72">{slot.label}</span>
</>
)}
</div>