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" type="button"
disabled={isResolving} disabled={isResolving}
onClick={() => goToReference(ref)} 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={ title={
ref.categoryId ref.categoryId
? `Tabloya git: ${ref.code}` ? `Tabloya git: ${ref.code}`
@@ -234,11 +234,11 @@ export function PartsPanel({ parts, vehicleId, categoryId, isLoading }: PartsPan
} }
> >
{isResolving ? ( {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> </button>
); );
})} })}