marcobaobao
2f0afe27cc
Custom templates are powerful: --no-mtime has been set as default behavior (template named default), -x is another template named "audio only"
28 lines
836 B
TypeScript
28 lines
836 B
TypeScript
import { styled } from '@mui/material'
|
|
import MuiAppBar, { AppBarProps as MuiAppBarProps } from '@mui/material/AppBar'
|
|
|
|
interface AppBarProps extends MuiAppBarProps {
|
|
open?: boolean
|
|
}
|
|
|
|
const drawerWidth = 240
|
|
|
|
const AppBar = styled(MuiAppBar, {
|
|
shouldForwardProp: (prop) => prop !== 'open',
|
|
})<AppBarProps>(({ theme, open }) => ({
|
|
zIndex: theme.zIndex.drawer + 1,
|
|
transition: theme.transitions.create(['width', 'margin'], {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.leavingScreen,
|
|
}),
|
|
...(open && {
|
|
marginLeft: drawerWidth,
|
|
width: `calc(100% - ${drawerWidth}px)`,
|
|
transition: theme.transitions.create(['width', 'margin'], {
|
|
easing: theme.transitions.easing.sharp,
|
|
duration: theme.transitions.duration.enteringScreen,
|
|
}),
|
|
}),
|
|
}))
|
|
|
|
export default AppBar |