Stats bar round 4 (owner): optical spacing — tight to the composer, floating below
The rhythm agreed with the owner: the stats/controls row hugs the composer (8px — reads as the card's metadata, one object), and the whole cluster floats with deliberate air above the screen bottom (20px). The 8px straight-edge gap optically matches the 6px pill-to- pill gap: two rounded pills' corridor reads wider than geometric, so rounded-rounded gaps run ~2px tighter than straight-edge gaps. - stats-bar.tsx: pt-4 -> pt-2 (8px under the composer) — shared by chat and home automatically - chat.tsx dock block + home.tsx composer wrapper: pb-4 -> pb-5 The dock's reserve auto-measures the block, so the spacer/fold machinery adapts on its own.
This commit is contained in:
+1
-1
@@ -69,7 +69,7 @@ export function Home() {
|
||||
OVER the graph (no gradient: the graph runs clean under it to the
|
||||
bottom edge). Matches chat.tsx's DOCK geometry (max-w-[46rem]
|
||||
px-4) so nothing shifts when a session starts (owner). */}
|
||||
<div className="pointer-events-none absolute inset-x-0 bottom-0 pb-4">
|
||||
<div className="pointer-events-none absolute inset-x-0 bottom-0 pb-5">
|
||||
<div className="pointer-events-auto mx-auto w-full max-w-[46rem] px-4">
|
||||
<form
|
||||
className="flex items-end gap-1.5 rounded-2xl border bg-card p-1.5 shadow-lg"
|
||||
|
||||
Reference in New Issue
Block a user