| | |
| | | <Box sx={{ |
| | | position: 'fixed', |
| | | top: 48, |
| | | left: sidebarWidth, |
| | | // left: 0, |
| | | left: sidebarWidth + 5, |
| | | right: 0, |
| | | zIndex: 1100, |
| | | transition: (theme) => |
| | |
| | | open={!!drawerVal} |
| | | anchor="right" |
| | | onClose={handleClose} |
| | | sx={{ zIndex: 100 }} |
| | | sx={{ |
| | | zIndex: 100, |
| | | '& .MuiDrawer-paper': { |
| | | top: '86px', // AppBar(50px) + TabsBar(36px) |
| | | height: 'calc(100% - 86px)', |
| | | } |
| | | }} |
| | | > |
| | | {!!drawerVal && ( |
| | | <Box pt={5} width={{ xs: '100vW', sm: width }} height={'calc(100vh - 200px);'} mt={{ xs: 2, sm: 1 }}> |
| | | <Box pt={2} width={{ xs: '100vW', sm: width }} mt={{ xs: 2, sm: 1 }}> |
| | | <Stack direction="row" p={2}> |
| | | <Typography variant="h6" flex="1"> |
| | | {title} |