Fix compare board kind labels being clipped to one character.

Lay out miss/extra/mismatch filters and stats as wrapping chips instead of a cramped 88px grid column.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-18 01:41:00 +08:00
parent d232044750
commit 157188bd3e
2 changed files with 80 additions and 48 deletions

View file

@ -2074,10 +2074,16 @@ export function BizComparePage() {
{dirty > 0 ? (
<>
<em className="bs-cmp-nav__fail">{t("bizCompare.kindFail")}</em>
<span>
{t("bizCompare.missCount")} {Number(c.removed || 0)} ·{" "}
{t("bizCompare.extraCount")} {Number(c.added || 0)} ·{" "}
{t("bizCompare.mismatchCount")} {Number(c.changed || 0)}
<span className="bs-cmp-nav__counts">
<span>
{t("bizCompare.missCount")} {Number(c.removed || 0)}
</span>
<span>
{t("bizCompare.extraCount")} {Number(c.added || 0)}
</span>
<span>
{t("bizCompare.mismatchCount")} {Number(c.changed || 0)}
</span>
</span>
</>
) : (