diff options
| author | Anton Tananaev <anton@traccar.org> | 2022-05-04 18:21:53 -0700 |
|---|---|---|
| committer | Anton Tananaev <anton@traccar.org> | 2022-05-04 18:21:53 -0700 |
| commit | 644a598fb76d23a042a69a45806623ccb9fb79de (patch) | |
| tree | d2a9471df6a5011f339545e1923e18faef67187c /modern/src/reports | |
| parent | 3c6fd42a9bf79a104c43d61cad5dcfb44b6cc229 (diff) | |
| download | trackermap-web-644a598fb76d23a042a69a45806623ccb9fb79de.tar.gz trackermap-web-644a598fb76d23a042a69a45806623ccb9fb79de.tar.bz2 trackermap-web-644a598fb76d23a042a69a45806623ccb9fb79de.zip | |
Reduce tablet breakpoint
Diffstat (limited to 'modern/src/reports')
| -rw-r--r-- | modern/src/reports/ReplayPage.js | 4 | ||||
| -rw-r--r-- | modern/src/reports/ReportLayout.js | 8 |
2 files changed, 6 insertions, 6 deletions
diff --git a/modern/src/reports/ReplayPage.js b/modern/src/reports/ReplayPage.js index d7c77ee8..51beaeca 100644 --- a/modern/src/reports/ReplayPage.js +++ b/modern/src/reports/ReplayPage.js @@ -27,7 +27,7 @@ const useStyles = makeStyles((theme) => ({ top: 0, margin: theme.spacing(1.5), width: theme.dimensions.drawerWidthDesktop, - [theme.breakpoints.down('md')]: { + [theme.breakpoints.down('sm')]: { width: '100%', margin: 0, }, @@ -42,7 +42,7 @@ const useStyles = makeStyles((theme) => ({ reportFilterContainer: { flex: 1, padding: theme.spacing(2), - [theme.breakpoints.down('md')]: { + [theme.breakpoints.down('sm')]: { margin: theme.spacing(1), }, }, diff --git a/modern/src/reports/ReportLayout.js b/modern/src/reports/ReportLayout.js index 8606ed42..98a2bc75 100644 --- a/modern/src/reports/ReportLayout.js +++ b/modern/src/reports/ReportLayout.js @@ -25,7 +25,7 @@ const useStyles = makeStyles((theme) => ({ }, drawer: { width: theme.dimensions.drawerWidthDesktop, - [theme.breakpoints.down('md')]: { + [theme.breakpoints.down('sm')]: { width: theme.dimensions.drawerWidthTablet, }, }, @@ -45,7 +45,7 @@ const useStyles = makeStyles((theme) => ({ }, }, toolbar: { - [theme.breakpoints.down('md')]: { + [theme.breakpoints.down('sm')]: { ...theme.mixins.toolbar, }, }, @@ -85,7 +85,7 @@ const ReportLayout = ({ children, filter }) => { return ( <div className={classes.root}> - <Hidden only={['lg', 'xl']}> + <Hidden mdUp> <NavBar setOpenDrawer={setOpenDrawer} title={pageTitle} /> <Drawer variant="temporary" @@ -96,7 +96,7 @@ const ReportLayout = ({ children, filter }) => { <SideNav routes={routes} /> </Drawer> </Hidden> - <Hidden only={['xs', 'sm', 'md']}> + <Hidden smDown> <Drawer variant="permanent" classes={{ root: classes.drawerContainer, paper: classes.drawer }} |