@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
55 lines (54 loc) • 2.02 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const material_1 = require("@mui/material");
const Component = {
styleOverrides: {
root: ({ theme }) => ({
[theme.breakpoints.down('md')]: {
width: '100vw',
flexShrink: 0
},
[theme.breakpoints.up('sm')]: {
width: '300px'
},
'& .SCLessonDrawer-contrast-color': {
color: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
? (0, material_1.lighten)(theme.palette.common.white, 0.5)
: (0, material_1.darken)(theme.palette.common.white, 0.5)
},
'& h4': {
fontWeight: theme.typography.fontWeightMedium
},
'& .MuiDrawer-paper': {
width: '100%',
[theme.breakpoints.up('sm')]: {
width: '300px'
},
backgroundColor: (0, material_1.getContrastRatio)(theme.palette.background.paper, theme.palette.common.white) > 4.5
? theme.palette.background.paper
: theme.palette.grey[200]
},
'& .SCLessonDrawer-header': {
[theme.breakpoints.up('sm')]: {
minHeight: '60px'
},
display: 'block',
padding: theme.spacing(1.5)
},
'& .SCLessonDrawer-header-content': {
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between'
},
'& .SCLessonDrawer-header-edit': {
justifyContent: 'space-between'
},
'& .SCScrollContainer-root:hover': {
'& .Mui-disabled': {
opacity: '0.38 !important'
}
}
})
}
};
exports.default = Component;