diff options
| -rw-r--r-- | modern/src/common/components/PageLayout.js | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/modern/src/common/components/PageLayout.js b/modern/src/common/components/PageLayout.js index 9d05b703..43fd68ea 100644 --- a/modern/src/common/components/PageLayout.js +++ b/modern/src/common/components/PageLayout.js @@ -33,7 +33,10 @@ const useStyles = makeStyles((theme) => ({ mobileDrawer: { width: theme.dimensions.drawerWidthTablet, }, - toolbar: theme.mixins.toolbar, + desktopToolbar: theme.mixins.toolbar, + mobileToolbar: { + zIndex: 1, + }, content: { flexGrow: 1, alignItems: 'stretch', @@ -103,7 +106,7 @@ const PageLayout = ({ menu, breadcrumbs, children }) => { > {menu} </Drawer> - <AppBar position="static" color="inherit"> + <AppBar className={classes.mobileToolbar} position="static" color="inherit"> <Toolbar> <IconButton color="inherit" edge="start" sx={{ mr: 2 }} onClick={() => setOpenDrawer(true)}> <MenuIcon /> |