Merge branch 'async-booting' into dev

This commit is contained in:
dank074 2023-07-20 22:32:24 -05:00
commit 616c6668d9

View File

@ -164,15 +164,17 @@ export const FloorplanCanvasView: FC<ColumnProps> = props =>
} }
}, []); }, []);
const isSmallScreen = () => window.innerWidth < 768;
return ( return (
<Column gap={ gap } { ...rest }> <Column gap={ gap } { ...rest }>
<Grid overflow="hidden" gap={ 1 }> <Grid overflow="hidden" gap={ 1 }>
<Column center size={ 1 }> <Column center size={ 1 } className="d-md-none">
<Button className="d-md-none" onClick={ event => onClickArrowButton('left') }> <Button className="d-md-none" onClick={ event => onClickArrowButton('left') }>
<FaArrowLeft className="fa-icon" /> <FaArrowLeft className="fa-icon" />
</Button> </Button>
</Column> </Column>
<Column overflow="hidden" size={ 10 } gap={ 1 }> <Column overflow="hidden" size={ isSmallScreen() ? 10: 12 } gap={ 1 }>
<Flex justifyContent="center" className="d-md-none"> <Flex justifyContent="center" className="d-md-none">
<Button shrink onClick={ event => onClickArrowButton('up') }> <Button shrink onClick={ event => onClickArrowButton('up') }>
<FaArrowUp className="fa-icon" /> <FaArrowUp className="fa-icon" />
@ -185,7 +187,7 @@ export const FloorplanCanvasView: FC<ColumnProps> = props =>
</Button> </Button>
</Flex> </Flex>
</Column> </Column>
<Column center size={ 1 }> <Column center size={ 1 } className="d-md-none">
<Button className="d-md-none" onClick={ event => onClickArrowButton('right') }> <Button className="d-md-none" onClick={ event => onClickArrowButton('right') }>
<FaArrowRight className="fa-icon" /> <FaArrowRight className="fa-icon" />
</Button> </Button>