diff options
author | Iván Ávalos <avalos@disroot.org> | 2021-12-08 22:51:16 -0600 |
---|---|---|
committer | Iván Ávalos <avalos@disroot.org> | 2021-12-08 22:51:16 -0600 |
commit | 982dec21075a244a0c75ee11c13777d6931e21ec (patch) | |
tree | e211e1e252b8d5757693e43bf98758b9a139847d /modern/src/MainPage.js | |
parent | 3dcc6be877f8f43bd9c7e1eee1ad6d7950b435a5 (diff) | |
download | etbsa-traccar-web-982dec21075a244a0c75ee11c13777d6931e21ec.tar.gz etbsa-traccar-web-982dec21075a244a0c75ee11c13777d6931e21ec.tar.bz2 etbsa-traccar-web-982dec21075a244a0c75ee11c13777d6931e21ec.zip |
Adjusted media queries, and device color = gray when ignition is undefined
Diffstat (limited to 'modern/src/MainPage.js')
-rw-r--r-- | modern/src/MainPage.js | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/modern/src/MainPage.js b/modern/src/MainPage.js index aee5a3c..0559f15 100644 --- a/modern/src/MainPage.js +++ b/modern/src/MainPage.js @@ -101,7 +101,7 @@ const MainPage = () => { const isComputer = useMediaQuery(theme.breakpoints.down('lg')); const isTablet = useMediaQuery(theme.breakpoints.down('md')); const isPhone = useMediaQuery(theme.breakpoints.down('sm')); - const isWide = useMediaQuery(theme.breakpoints.up('sm')); + const isWide = useMediaQuery(theme.breakpoints.up('md')/* || theme.breakpoints.up('sm') || theme.breakpoints.up('xs')*/); const [deviceName, setDeviceName] = useState(''); const collapsed = useSelector((state) => state.ui.collapsed); @@ -142,7 +142,7 @@ const MainPage = () => { <Paper square elevation={3} className={`${classes.sidebar} ${(!isWide && collapsed) && classes.sidebarCollapsed}`}> <Paper className={classes.paper} square elevation={3}> <Toolbar className={classes.toolbar} disableGutters> - {isPhone && ( + {!isWide && ( <IconButton onClick={handleClose}> <ArrowBackIcon /> </IconButton> |