makeStyles(theme => ({ drawer: { width: drawerWidth, flexShrink: 0, }, drawerPaper: { whiteSpace: 'nowrap', width: drawerWidth }, toolbar: theme.mixins.toolbar }))
makeStyles((theme) => ({ root: { display: "flex" }, content: { flexGrow: 1, marginLeft: 200, padding: theme.spacing(3), }, toolbar: theme.mixins.toolbar }))
makeStyles((theme) => ({ base: { toolbar: theme.mixins.toolbar, paddingTop: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
makeStyles(theme => ({ drawer: { [theme.breakpoints.up('sm')]: { width: drawerWidth, flexShrink: 0, }, }, appBar: { marginLeft: drawerWidth, [theme.breakpoints.up('sm')]: { width: `calc(100% - ${drawerWidth}px)`, }, }, menuButton: { marginRight: theme.spacing(2), [theme.breakpoints.up('sm')]: { display: 'none', }, }, toolbar: theme.mixins.toolbar, drawerPaper: { width: drawerWidth, }, content: { flexGrow: 1, [theme.breakpoints.up('sm')]: { marginLeft: 200, }, }, }))
makeStyles(theme => ({ seeMore: { marginTop: theme.spacing(3), }, paper: { padding: theme.spacing(2), display: 'flex', overflow: 'auto', flexDirection: 'column', }, content: { flexGrow: 1, height: '100vh', overflow: 'auto', }, appBarSpacer: theme.mixins.toolbar, container: { paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, btn: { width: '15%' } }))
width: drawerWidth, }, toolbar: theme.mixins.toolbar, content: { flexGrow: 1,
makeStyles(theme => ({ paper: { padding: theme.spacing(2), display: 'flex', overflow: 'auto', flexDirection: 'column', }, fixedHeight: { height: 240, }, content: { flexGrow: 1, height: '100vh', overflow: 'auto', }, appBarSpacer: theme.mixins.toolbar, container: { paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, }))
toolbar: theme.mixins.toolbar, drawerPaper: { width: drawerWidth
makeStyles((theme) => ({ base: { toolbar: theme.mixins.toolbar, padding: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
makeStyles((theme) => ({ base: { toolbar: theme.mixins.toolbar, paddingTop: theme.spacing(2) }, root: { padding: theme.spacing(2), flexGrow: 1, }, paper: { paddingTop: theme.spacing(2), paddingBottom: theme.spacing(2), textAlign: 'center', color: theme.palette.text.secondary, }, paperSelected: { backgroundColor: theme.palette.primary.main, color: theme.palette.background.default } }))
makeStyles(theme => ({ paper: { padding: theme.spacing(2), display: 'flex', overflow: 'auto', flexDirection: 'column', }, fixedHeight: { height: 240, }, content: { flexGrow: 1, height: '100vh', overflow: 'auto', }, appBarSpacer: theme.mixins.toolbar, container: { paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, }))
makeStyles(theme => ({ seeMore: { marginTop: theme.spacing(3), }, paper: { padding: theme.spacing(2), display: 'flex', overflow: 'auto', flexDirection: 'column', }, content: { flexGrow: 1, height: '100vh', overflow: 'auto', }, appBarSpacer: theme.mixins.toolbar, container: { paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, }))
makeStyles(theme => ({ seeMore: { marginTop: theme.spacing(3), }, paper: { padding: theme.spacing(2), display: 'flex', overflow: 'auto', flexDirection: 'column', }, content: { flexGrow: 1, height: '100vh', overflow: 'auto', }, appBarSpacer: theme.mixins.toolbar, container: { paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, btn: { width: '15%' } }))
}, }, toolbar: theme.mixins.toolbar, drawerPaper: { width: drawerWidth,
}, }, toolbar: theme.mixins.toolbar, drawerPaper: { width: drawerWidth,