diff options
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 }} |