style(client): strip link underlines in web search verticals

The image and shopping anchors sit inside the markdown prose scope, so
every label rendered with the blue link underline.
This commit is contained in:
Marco Beretta 2026-07-31 04:33:35 +02:00
parent b00516b11f
commit 309d2ab3e8
No known key found for this signature in database
GPG key ID: D918033D8E74CC11

View file

@ -101,7 +101,7 @@ function ImageStrip({ images, label }: { images: ImageResult[]; label: string })
target="_blank"
rel="noopener noreferrer"
aria-label={image.title || image.domain || label}
className="block h-28 overflow-hidden rounded-xl border border-border-light focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-heavy"
className="block h-28 overflow-hidden rounded-xl border border-border-light no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-heavy"
style={{ aspectRatio: ratio }}
>
<img
@ -127,7 +127,7 @@ function ShoppingStrip({ items, label }: { items: ShoppingResult[]; label: strin
href={item.link}
target="_blank"
rel="noopener noreferrer"
className="flex w-full flex-col rounded-xl border border-border-light p-2 transition-colors hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-heavy"
className="flex w-full flex-col rounded-xl border border-border-light p-2 no-underline transition-colors hover:bg-surface-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-heavy"
>
{item.imageUrl && (
<div className="mb-2 aspect-square w-full shrink-0 overflow-hidden rounded-lg bg-surface-tertiary">