style(web): make "bk. tablo" reference read clearly as a link

Always-underlined, semibold, primary, larger text + arrow, with a "Tabloya
git:" verb so the cross-reference reads unmistakably as a clickable link
instead of muted inline text.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-02 20:29:03 +03:00
parent 642139de9c
commit b7dface50c

View File

@@ -226,7 +226,7 @@ export function PartsPanel({ parts, vehicleId, categoryId, isLoading }: PartsPan
type="button"
disabled={isResolving}
onClick={() => goToReference(ref)}
className="inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline disabled:opacity-60"
className="inline-flex items-center gap-1 text-sm font-semibold text-primary underline decoration-primary/50 underline-offset-2 hover:decoration-primary disabled:opacity-60"
title={
ref.categoryId
? `Tabloya git: ${ref.code}`
@@ -234,11 +234,11 @@ export function PartsPanel({ parts, vehicleId, categoryId, isLoading }: PartsPan
}
>
{isResolving ? (
<Loader2 className="size-3.5 shrink-0 animate-spin" />
<Loader2 className="size-4 shrink-0 animate-spin" />
) : (
<ArrowRight className="size-3.5 shrink-0" />
<ArrowRight className="size-4 shrink-0" />
)}
bk. tablo: {ref.code}
Tabloya git: {ref.code}
</button>
);
})}