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

Chat top bar round 5 (owner): bottom outline matching the sidebar separator

Browse Source 
border-b border-border — the same 1px border-border line that
separates the left sidebar (border-r on its container), so the top
bar now reads as its own block with the app's standard separator.
This commit is contained in:
amosblomqvist
2026-09-14 09:57:37 +03:00
parent ad5778484d
commit c4cf8fd0b2
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/chat.tsx
+4 -4
View File
@@ -479,12 +479,12 @@ export function Chat({
<div className="flex h-dvh"> <div className="flex h-dvh">
<div className="flex min-w-0 flex-1 flex-col"> <div className="flex min-w-0 flex-1 flex-col">
{/* The top bar is its own block (owner, top-fade round 4): in flow {/* The top bar is its own block (owner, top-fade round 4): in flow
above the scroller on the plain page background — no gradient, no above the scroller on the plain page background — no gradient. Its
border; it reads as a block simply because the transcript starts bottom outline (border-b border-border) matches the one that
below it. h-10, not py-2: the toggle (a size-9 icon button) separates the left sidebar — same width, same color (owner, r5). h-10, not py-2: the toggle (a size-9 icon button)
renders only while the sidebar is CLOSED — an auto-height row renders only while the sidebar is CLOSED — an auto-height row
would collapse when it disappears and slide the title + chip up. */} would collapse when it disappears and slide the title + chip up. */}
<header className="flex h-10 items-center gap-3 px-3"> <header className="flex h-10 items-center gap-3 border-b border-border px-3">
<SidebarToggle /> <SidebarToggle />
<div className="min-w-0 flex-1 truncate font-title text-2xl tracking-tight">{title}</div> <div className="min-w-0 flex-1 truncate font-title text-2xl tracking-tight">{title}</div>
<PhaseChip phase={phases.at(-1) ?? "probe"} /> <PhaseChip phase={phases.at(-1) ?? "probe"} />