josh/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update theme

Browse Source
This commit is contained in:
Ali BARIN
2021-12-09 19:51:42 +01:00
committed by Ömer Faruk Aydın
parent cab2d281f3
commit c855a5f555
8 changed files with 140 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/src/components/Drawer/style.ts
View File

@@ -1,7 +1,7 @@
import { styled, Theme, CSSObject } from '@mui/material/styles';
import MuiDrawer from '@mui/material/Drawer';
import MuiSwipeableDrawer from '@mui/material/SwipeableDrawer';
const drawerWidth = 240;
const drawerWidth = 300;
const openedMixin = (theme: Theme): CSSObject => ({
width: drawerWidth,
@@ -18,13 +18,13 @@ const closedMixin = (theme: Theme): CSSObject => ({
duration: theme.transitions.duration.leavingScreen,
}),
overflowX: 'hidden',
width: `calc(${theme.spacing(7)} + 1px)`,
width: 0,
[theme.breakpoints.up('sm')]: {
width: `calc(${theme.spacing(9)} + 1px)`,
},
});
export const Drawer = styled(MuiDrawer, { shouldForwardProp: (prop) => prop !== 'open' })(
export const Drawer = styled(MuiSwipeableDrawer)(
({ theme, open }) => ({
width: drawerWidth,
flexShrink: 0,