Replace Unicode "←" with an SVG icon in cart's "Weiter einkaufen" links

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.
2026-08-01 08:32:19 +00:00
parent 557f6a1abc
commit aabfad3541
2 changed files with 15 additions and 1 deletions
@@ -0,0 +1,13 @@
+// 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>
+  );
+}