chihlasm/resolutionflow
1
0
Fork 0
Code Issues 23 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(flowpilot): use calc(100vh-56px) for session page height — matches tree editor pattern

Browse Source 
The flex height chain through grid → main → outlet → page doesn't reliably
constrain height, causing the action bar to overflow below viewport. The tree
editor already solves this with h-[calc(100vh-56px)] (subtracting the topbar).
Apply the same proven pattern to FlowPilotSessionPage.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
chihlasm
2026-03-20 05:50:49 +00:00
parent d3211c3d24
commit 09a42a943a
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/pages/FlowPilotSessionPage.tsx
View File

@@ -139,9 +139,11 @@ export default function FlowPilotSessionPage() {
) )
} }
// Active/completed session // Active/completed session — use calc(100vh-56px) to match tree editor pattern
// (56px = topbar height). This bypasses the flex height chain which doesn't
// reliably propagate through the grid → main → outlet → page chain.
return ( return (
<div className="flex h-full flex-col"> <div className="flex h-[calc(100vh-56px)] flex-col overflow-hidden">
{/* Header */} {/* Header */}
<div <div
className="flex items-center gap-3 border-b px-5 py-3 shrink-0" className="flex items-center gap-3 border-b px-5 py-3 shrink-0"