Marco
aabfad3541
Same font-fallback bug ArrowRightIcon.tsx already documents and fixed for "→" elsewhere (Tools.tsx, Blog.tsx, ProductGrid.tsx) — the site's custom web fonts don't cover U+2190, so it fell back to a system font whose vertical metrics sit visibly low on mobile. Missed in that earlier pass since CartContent.tsx uses the left-pointing twin.
14 lines
701 B
TypeScript
14 lines
701 B
TypeScript
// Mirror of ArrowRightIcon.tsx — same reasoning applies here: the Unicode
|
|
// "←" (U+2190) previously used inline in CartContent.tsx's "Weiter
|
|
// einkaufen" links isn't covered by the site's custom web fonts, so it
|
|
// fell back to a system font whose vertical metrics sit visibly low on
|
|
// mobile relative to the label text next to it. An SVG has no
|
|
// font-fallback path — renders identically everywhere.
|
|
export function ArrowLeftIcon() {
|
|
return (
|
|
<svg aria-hidden width="16" height="12" viewBox="0 0 16 12" fill="none" className="shrink-0">
|
|
<path d="M15 6H1M1 6L4 3M1 6L4 9" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
|
</svg>
|
|
);
|
|
}
|