aboutsummaryrefslogtreecommitdiff
path: root/modern/src/common/components/PageLayout.js
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/common/components/PageLayout.js')
-rw-r--r--modern/src/common/components/PageLayout.js7
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 />