makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.default, display: 'flex', height: '100%', overflow: 'hidden', width: '100%' }, wrapper: { display: 'flex', flex: '1 1 auto', overflow: 'hidden', paddingTop: 64 }, contentContainer: { display: 'flex', flex: '1 1 auto', overflow: 'hidden' }, content: { flex: '1 1 auto', height: '100%', overflow: 'auto' } }))
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) => ({ root: { display: 'flex', }, appBar: { width: `calc(100% - ${drawerWidth}px)`, marginLeft: drawerWidth, }, drawer: { width: drawerWidth, flexShrink: 0, }, drawerPaper: { width: drawerWidth, }, toolbar: { width: drawerWidth, padding: 5, }, content: { flexGrow: 1, backgroundColor: theme.palette.background.default, padding: theme.spacing(3), }, }))
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) => ({ 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 } }))