fix(layout): add min-h-0 to main-content — prevents grid overflow
Root cause found via DOM inspection: main-content (a CSS grid item) had default min-height:auto, which prevented the grid from constraining it below its content height. Content grew to 994px in a 975px viewport, pushing the FlowPilot action bar (Resolve/Escalate/Pause) 75px below the visible area. overflow:hidden on the grid clipped it invisibly. Fix: min-h-0 on main-content allows the grid to shrink it to fit, completing the height chain all the way down to the action bar. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -188,7 +188,7 @@ export function AppLayout() {
|
|||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Main Content */}
|
{/* Main Content */}
|
||||||
<main className="main-content flex flex-col overflow-hidden">
|
<main className="main-content flex flex-col overflow-hidden min-h-0">
|
||||||
<EmailVerificationBanner />
|
<EmailVerificationBanner />
|
||||||
<ViewTransitionOutlet />
|
<ViewTransitionOutlet />
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Reference in New Issue
Block a user