File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -747,16 +747,18 @@ export const Dashboard = ({
747747 />
748748 ) }
749749
750- { /* Past intake: LEFT column — the workflow graph, the hero, given the
751- larger share of the width. */ }
750+ { /* Past intake: LEFT column — the workflow graph, the HERO. Given a
751+ generous explicit height on desktop (not flex, which never fills a grid
752+ row reliably) so React Flow's fitView frames the DAG large instead of
753+ clustering it in a short box. The trace column scrolls beside it. */ }
752754 { pastIntake && graphToShow && (
753- < div className = "mb-4 lg:mb-0 lg:flex lg:min-h-0 lg:flex-col " >
755+ < div className = "mb-4 lg:mb-0" >
754756 < p className = "mb-1.5 text-[11px] font-medium uppercase tracking-wider text-faint" >
755757 Routing through { graphToShow . name }
756758 </ p >
757759 < div
758760 data-testid = "live-graph"
759- className = "h-[440px] overflow-hidden rounded-xl bg-subtle/30 ring-1 ring-inset ring-line sm:h-64 lg:h-auto lg:min-h-[320px] lg:flex-1 "
761+ className = "h-[440px] overflow-hidden rounded-xl bg-subtle/30 ring-1 ring-inset ring-line sm:h-64 lg:h-[340px] "
760762 >
761763 < WorkflowGraph
762764 workflow = { graphToShow }
You can’t perform that action at this time.
0 commit comments