makeStyles(theme => ({ memberName: { margin: theme.spacing(0, 0.5, 0, 1), display: 'none', [theme.breakpoints.up('md')]: { display: 'block', } }, clearIcon: { verticalAlign: 'middle', margin: theme.spacing(0, 1, 0, 1), cursor: 'pointer' } }))
makeStyles((theme) => ({ root: { backgroundColor: theme.palette.background.dark, display: 'flex', height: '100%', overflow: 'hidden', width: '100%' }, wrapper: { display: 'flex', flex: '1 1 auto', overflow: 'hidden', paddingTop: 64, [theme.breakpoints.up('lg')]: { paddingLeft: 256 } }, contentContainer: { display: 'flex', flex: '1 1 auto', overflow: 'hidden' }, content: { flex: '1 1 auto', height: '100%', overflow: 'auto' } }))
makeStyles( theme => ({ title: { fontSize: 28, margin: 0, [theme.breakpoints.up("sm")]: { marginTop: 12, }, }, contentBox: { minHeight: 400, paddingTop: "15vh", textAlign: "center", }, }), { classNamePrefix: "HomePage", }, )
marginLeft: theme.spacing(2), marginRight: theme.spacing(2), [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: { width: 600, marginLeft: "auto", marginBottom: theme.spacing(3), padding: theme.spacing(2), [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: { marginTop: theme.spacing(6), marginBottom: theme.spacing(6),
marginLeft: theme.spacing(3), marginRight: theme.spacing(3), [theme.breakpoints.up(400 + theme.spacing(3 * 2))]: { width: 400, marginLeft: "auto",
makeStyles((theme) => ({ grow: { flexGrow: 1, }, menuButton: { marginRight: theme.spacing(2), }, title: { display: 'none', [theme.breakpoints.up('sm')]: { display: 'block', }, }, sectionDesktop: { display: 'none', [theme.breakpoints.up('md')]: { display: 'flex', }, }, sectionMobile: { display: 'flex', [theme.breakpoints.up('md')]: { display: 'none', }, }, }))
makeStyles(theme => ({ root: { paddingTop: 40, }, title: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', margin: '1em', }, form: { [theme.breakpoints.up('xs')]: { width: 400, }, [theme.breakpoints.down('xs')]: { width: '100vw', marginTop: -30, }, }, inlineField: { display: 'inline-block', width: '50%', }, }))
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 => ({ title: { fontSize: 28, margin: 0, [theme.breakpoints.up("sm")]: { marginTop: 12, }, }, contentBox: { minHeight: 400, paddingTop: "15vh", textAlign: "center", }, }), { classNamePrefix: "TodoPage", }, )
}, contentDialog: { [theme.breakpoints.up('sm')]: { minWidth: 500, },
marginLeft: theme.spacing(2), marginRight: theme.spacing(2), [theme.breakpoints.up(600 + theme.spacing(2) * 2)]: { width: 600, marginLeft: "auto", marginBottom: theme.spacing(3), padding: theme.spacing(2), [theme.breakpoints.up(600 + theme.spacing(3) * 2)]: { marginTop: theme.spacing(6), marginBottom: theme.spacing(6),