Fix board component scrolling layout consistency

This commit is contained in:
Mike Cao 2026-02-13 02:02:44 -08:00
parent cda9c684c3
commit 432be5a5d5
2 changed files with 7 additions and 5 deletions

View file

@ -100,9 +100,11 @@ export function BoardEditColumn({
</Box> </Box>
)} )}
{renderedComponent ? ( {renderedComponent ? (
<Box width="100%" height="100%" overflow="auto"> <Column width="100%" height="100%" style={{ minHeight: 0 }}>
{renderedComponent} <Box width="100%" flexGrow={1} overflow="auto" style={{ minHeight: 0 }}>
</Box> {renderedComponent}
</Box>
</Column>
) : ( ) : (
canEdit && ( canEdit && (
<Column width="100%" height="100%" alignItems="center" justifyContent="center"> <Column width="100%" height="100%" alignItems="center" justifyContent="center">

View file

@ -18,8 +18,8 @@ export function BoardViewColumn({ component }: { component?: BoardComponentConfi
return ( return (
<Panel title={title} description={description} height="100%"> <Panel title={title} description={description} height="100%">
<Column width="100%" height="100%"> <Column width="100%" height="100%" style={{ minHeight: 0 }}>
<Box width="100%" overflow="auto"> <Box width="100%" flexGrow={1} style={{ minHeight: 0 }}>
<BoardComponentRenderer config={component} websiteId={websiteId} /> <BoardComponentRenderer config={component} websiteId={websiteId} />
</Box> </Box>
</Column> </Column>