valknar/sexy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Underline the session title input instead of a full border

Browse Source 
Drops the boxed border-b-2/rounded treatment for just a bottom
border - transparent at rest, muted on hover, primary-colored on
focus - which reads as inline editing rather than a form field.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd
This commit is contained in:
valknar
2026-08-30 20:55:07 +02:00
co-authored by Claude Sonnet 5
parent 7bf4b3d4bf
commit 354c30d641
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/sessions/SessionTitleEditor.tsx
+1 -1
View File
@@ -52,7 +52,7 @@ export function SessionTitleEditor({ sessionId, initialName }: { sessionId: numb
onChange={(e) => setValue(e.target.value)} onChange={(e) => setValue(e.target.value)}
placeholder={`Session #${sessionId}`} placeholder={`Session #${sessionId}`}
aria-label="Session name" aria-label="Session name"
className="min-w-0 max-w-full rounded-md border border-transparent bg-transparent px-1.5 py-0.5 font-heading text-2xl font-semibold text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 hover:border-border focus:border-border focus:bg-muted/30 [field-sizing:content]" className="min-w-0 max-w-full border-b-2 border-transparent bg-transparent px-1.5 py-0.5 font-heading text-2xl font-semibold text-foreground outline-none transition-colors placeholder:text-muted-foreground/70 hover:border-b-border focus:border-b-primary [field-sizing:content]"
/> />
<div className="relative flex size-4 shrink-0 items-center justify-center"> <div className="relative flex size-4 shrink-0 items-center justify-center">
<Loader2 <Loader2