25 lines
703 B
JavaScript
25 lines
703 B
JavaScript
import { styled, useTheme } from '@mui/material/styles';
|
|
|
|
const drawerWidth = 240;
|
|
|
|
const AdminMain = styled('main', { shouldForwardProp: (prop) => prop !== 'open' })(
|
|
({ theme, open }) => ({
|
|
flexGrow: 1,
|
|
padding: theme.spacing(3),
|
|
transition: theme.transitions.create('margin', {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.leavingScreen,
|
|
}),
|
|
marginLeft: `-${drawerWidth}px`,
|
|
...(open && {
|
|
transition: theme.transitions.create('margin', {
|
|
easing: theme.transitions.easing.easeOut,
|
|
duration: theme.transitions.duration.enteringScreen,
|
|
}),
|
|
marginLeft: 0,
|
|
}),
|
|
}),
|
|
);
|
|
|
|
export default AdminMain;
|