Marco
6f033d52b5
Konto-Aktionen links (profile, wishlist, logout) used to live at the bottom of the orders page's own content — unreachable once the order list got long enough. New KontoShell + AccountNav give every /konto/* page a persistent sidebar (sm+) / tab bar (mobile) instead, always reachable regardless of list length. The order filters also collapse behind a "Filter" toggle on mobile now, since the tab bar above them left little room for 3 full-width dropdowns. Also: replaced the Unicode "→" arrow in CTA links (Tools.tsx, Blog.tsx, ProductGrid.tsx) with an SVG icon — the glyph isn't covered by the site's custom fonts, so browsers fall back to a system font per-platform; confirmed sitting visibly low relative to the label text on Android/Chrome (Galaxy S22), not reproducible in desktop Chromium. An SVG has no font-fallback path, so it renders identically everywhere. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
18 lines
1020 B
TypeScript
18 lines
1020 B
TypeScript
// Replaces the Unicode "→" (U+2192) previously used inline in CTA links
|
|
// (Tools.tsx, Blog.tsx, ProductGrid.tsx) — that glyph isn't covered by the
|
|
// site's custom web fonts, so browsers fall back to a system font just for
|
|
// that one character. The fallback's vertical metrics differ enough by
|
|
// platform (confirmed: sat visibly low relative to the label text on a
|
|
// Samsung Galaxy S22/Android Chrome, not reproducible in desktop Chromium)
|
|
// that centering it via flex `items-center` alone isn't reliable across
|
|
// devices. An SVG has no font-fallback path — it renders identically
|
|
// everywhere. `currentColor` stroke follows the parent Link's own
|
|
// text/hover color, same as every other icon in this codebase.
|
|
export function ArrowRightIcon() {
|
|
return (
|
|
<svg aria-hidden width="16" height="12" viewBox="0 0 16 12" fill="none" className="shrink-0">
|
|
<path d="M1 6H15M15 6L10 1M15 6L10 11" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
|
|
</svg>
|
|
);
|
|
}
|