Tone down the focus underline to just a step past hover

focus:border-b-muted-foreground was a big jump from the faint hover
border tone. Use foreground at 40% opacity instead - a bit more
present than hover, not a solid gray line.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01WzyfRyA7h5rs5SCAahLAWd
This commit is contained in:
2026-08-30 21:19:07 +02:00
co-authored by Claude Sonnet 5
parent 2a52b5db9b
commit 5c92b416c0
2 changed files with 2 additions and 2 deletions
@@ -60,7 +60,7 @@ export function SessionDescriptionEditor({
placeholder="Add a description..."
aria-label="Session description"
rows={1}
className="max-w-full min-w-0 flex-1 resize-none border-b-2 border-transparent bg-transparent text-sm text-muted-foreground outline-none transition-colors placeholder:text-muted-foreground/60 hover:border-b-border focus:border-b-muted-foreground focus:text-foreground sm:max-w-xl [field-sizing:content]"
className="max-w-full min-w-0 flex-1 resize-none border-b-2 border-transparent bg-transparent text-sm text-muted-foreground outline-none transition-colors placeholder:text-muted-foreground/60 hover:border-b-border focus:border-b-foreground/40 focus:text-foreground sm:max-w-xl [field-sizing:content]"
/>
<div className="relative mt-0.5 flex size-4 shrink-0 items-center justify-center">
<Loader2