32 lines
930 B
TypeScript
32 lines
930 B
TypeScript
import { styled } from '@mui/material'
|
|
import MuiDrawer from '@mui/material/Drawer'
|
|
|
|
const drawerWidth = 240
|
|
|
|
const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open' })(
|
|
({ theme, open }) => ({
|
|
'& .MuiDrawer-paper': {
|
|
position: 'relative',
|
|
whiteSpace: 'nowrap',
|
|
width: drawerWidth,
|
|
transition: theme.transitions.create('width', {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.enteringScreen,
|
|
}),
|
|
boxSizing: 'border-box',
|
|
...(!open && {
|
|
overflowX: 'hidden',
|
|
transition: theme.transitions.create('width', {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.leavingScreen,
|
|
}),
|
|
width: theme.spacing(7),
|
|
[theme.breakpoints.up('sm')]: {
|
|
width: theme.spacing(9),
|
|
},
|
|
}),
|
|
},
|
|
}),
|
|
)
|
|
|
|
export default Drawer |