sorokin.oleg.edu/learnharness
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

Chat top fade round 2 (owner): 60% peak at the top, 40px ramp down

Browse Source 
Round 1 (h-24, 65% hold via 25% mid) read as a faint tail plus an
abruptly solid band and stretched far into the chat. What the owner
wanted: peak ~60% right under the title, ramping down to transparent
a little below — no full opacity anywhere, short reach. Now h-10
from-background/60 to-transparent: a single gentle ramp.
This commit is contained in:
amosblomqvist
2026-09-14 09:50:53 +03:00
parent ae749fe27d
commit e285e2bacf
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/chat.tsx
+4 -5
View File
@@ -485,13 +485,12 @@ export function Chat({
<SidebarToggle />
<div className="min-w-0 flex-1 truncate font-title text-2xl tracking-tight">{title}</div>
<PhaseChip phase={phases.at(-1) ?? "probe"} />
{/* Soft top fade (owner, round 1 of the fade rework): a long wash
that holds softly under the title then melts away — no full
opacity anywhere, so it supports the header instead of reading
as a bar. */}
{/* Soft top fade (owner, round 2): peaks at 60% right under the
title and ramps down to transparent within 40px — supports the
header without a bar edge or a long tail into the chat. */}
<div
aria-hidden
className="pointer-events-none absolute inset-x-0 top-full z-10 h-24 bg-gradient-to-b from-background/65 via-background/25 to-transparent"
className="pointer-events-none absolute inset-x-0 top-full z-10 h-10 bg-gradient-to-b from-background/60 to-transparent"
/>
</header>