nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-01-18 13:26: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 (
<Column gap={ gap } { ...rest }>
<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') }>
<FaArrowLeft className="fa-icon" />
</Button>
</Column>
<Column overflow="hidden" size={ 10 } gap={ 1 }>
<Column overflow="hidden" size={ isSmallScreen() ? 10: 12 } gap={ 1 }>
<Flex justifyContent="center" className="d-md-none">
<Button shrink onClick={ event => onClickArrowButton('up') }>
<FaArrowUp className="fa-icon" />
@ -185,7 +187,7 @@ export const FloorplanCanvasView: FC<ColumnProps> = props =>
</Button>
</Flex>
</Column>
<Column center size={ 1 }>
<Column center size={ 1 } className="d-md-none">
<Button className="d-md-none" onClick={ event => onClickArrowButton('right') }>
<FaArrowRight className="fa-icon" />
</Button>