diff --git a/src/common/beam/BeamView.tsx b/src/common/beam/BeamView.tsx index 2837abe31..1e0654807 100644 --- a/src/common/beam/BeamView.tsx +++ b/src/common/beam/BeamView.tsx @@ -115,9 +115,12 @@ export function BeamView(props: { // enter animation animation: `${animationEnterScaleUp} 0.2s cubic-bezier(.17,.84,.44,1)`, - // layout + // scrollable layout + overflowY: 'auto', display: 'flex', flexDirection: 'column', + gap: 'var(--Pad)', + pb: 'var(--Pad)', ...props.sx, }}> @@ -125,74 +128,59 @@ export function BeamView(props: { {/* Config Issues */} {!!inputIssues && {inputIssues}} + {/* Scatter Controls */} + - {/* Scrollable Layout (Scatter and Rays and Gather message) */} - + + + )} - // scrollable layout - display: 'flex', - flexDirection: 'column', - gap: 'var(--Pad)', - pb: 'var(--Pad)', - }}> + {/* Rays Grid */} + - {/* Scatter Controls */} - - - {/* User Message */} - {!!lastMessage && ( - - - - )} - - {/* Rays Grid */} - - - {/* Gather Message */} - {(!!gatherMessage && !!gatherMessage.updated) && ( - - - - )} - - + {/* Gather Message */} + {(!!gatherMessage && !!gatherMessage.updated) && ( + + + + )} {/* Gather Controls */}