dumbgoy/soulseek-rs-modded
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
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.
This commit is contained in:
Michel de Graaf
2026-07-25 03:38:03 +02:00
parent 06459ddced
commit 430a985152
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/brand/wordmark.tsx
+3 -1
View File
@@ -18,7 +18,9 @@ export const Wordmark = ({ size = 28, blink = false, className }: WordmarkProps)
<span <span
aria-hidden="true" aria-hidden="true"
className={cn( 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', blink && 'motion-safe:animate-cursor-blink',
)} )}
/> />