nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-18 21:36:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

flooreditor canvas take full space on large screen

Browse Source
This commit is contained in:
dank074 2023-07-20 22:30:09 -05:00
parent 634cf678d5
commit 99d6d46fd1
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/floorplan-editor/views/FloorplanCanvasView.tsx
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>