web-ui: shrink KPI card height on home dashboard
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 35s

Reduce vertical padding, number font size, and inter-element gaps so
the four counters take less vertical real estate. Width unchanged.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-03 08:46:27 +00:00
parent 7ee90dce31
commit b51163b67c

View File

@@ -49,14 +49,14 @@ export function KPICards({ cases, loading }: { cases?: Case[]; loading?: boolean
${TONE_STYLES[b.tone]} ${TONE_STYLES[b.tone]}
`} `}
> >
<CardContent className="px-5 py-4 flex flex-col gap-1"> <CardContent className="px-5 py-3 flex flex-col gap-0.5">
<span className="text-[0.72rem] uppercase tracking-[0.08em] text-ink-muted"> <span className="text-[0.72rem] uppercase tracking-[0.08em] text-ink-muted">
{b.label} {b.label}
</span> </span>
<span className="font-display text-[2.3rem] font-black leading-none"> <span className="font-display text-[1.7rem] font-black leading-none">
{loading ? "—" : b.value} {loading ? "—" : b.value}
</span> </span>
<span className="text-[0.78rem] text-ink-muted mt-0.5">{b.caption}</span> <span className="text-[0.74rem] text-ink-muted">{b.caption}</span>
</CardContent> </CardContent>
</Card> </Card>
))} ))}