fix(website): give the wordmark cursor the gap it was drawn with

The cursor sat 0.06em after the text, close enough to read as a stray glyph. The wordmark SVG puts it 15.4 units after a 27-unit block, so 0.57 cursor widths, which is 0.33em at the component's 0.58em cursor.
2026-07-25 03:38:03 +02:00
parent 06459ddced
commit 430a985152
1 changed files with 3 additions and 1 deletions
@@ -18,7 +18,9 @@ export const Wordmark = ({ size = 28, blink = false, className }: WordmarkProps)
    <span
      aria-hidden="true"
      className={cn(
-        'ml-[0.06em] inline-block h-[1.02em] w-[0.58em] translate-y-[0.04em] rounded-[1.5px] bg-accent',
+        // The gap matches the wordmark SVG, where the cursor sits 15.4 units
+        // after a 27-unit-wide block: 0.57 cursor widths.
+        'ml-[0.33em] inline-block h-[1.02em] w-[0.58em] translate-y-[0.04em] rounded-[1.5px] bg-accent',
        blink && 'motion-safe:animate-cursor-blink',
      )}
    />