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:
@@ -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>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user