@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
95 lines (94 loc) • 3.67 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const system_1 = require("@mui/system");
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCGroupForm-cover': {
position: 'relative',
height: 120,
minHeight: 120,
'& .SCGroupForm-avatar': {
top: 120,
display: 'block',
position: 'absolute',
transform: 'translate(-50%, -50%)',
left: '50%',
'& .MuiAvatar-root': {
height: theme.selfcommunity.group.avatar.sizeMedium,
width: theme.selfcommunity.group.avatar.sizeMedium,
borderRadius: '50%',
border: `#FFF solid ${theme.spacing(0.5)}`,
objectFit: 'cover',
'& img': {
height: theme.selfcommunity.group.avatar.sizeMedium,
width: theme.selfcommunity.group.avatar.sizeMedium
},
'& .MuiIcon-root': {
color: theme.palette.common.white
}
}
},
'& .SCChangeGroupPictureButton-root': {
top: 120,
left: '50%',
transform: 'translate(90%, -50%)',
position: 'relative',
display: 'flex'
},
'& .SCChangeGroupCoverButton-root': {
position: 'absolute',
right: theme.spacing(2),
bottom: theme.spacing(2)
}
},
'& .SCGroupForm-header': {
marginTop: theme.spacing(4.5),
color: theme.palette.text.secondary
},
'& .SCGroupForm-error': {
color: theme.palette.error.main
},
'& .SCGroupForm-switch': {
'& .MuiButtonBase-root': {
'&.Mui-checked': {
color: theme.palette.secondary.main,
'& + .MuiSwitch-track': {
backgroundColor: theme.palette.secondary.main
}
}
}
},
'& .SCGroupForm-switch-label': {
fontWeight: theme.typography.fontWeightMedium,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: theme.spacing(0.5)
},
'& .SCGroupForm-active': {
color: theme.palette.secondary.main
},
'& .SCGroupForm-privacy-section': {
marginTop: theme.spacing(2),
'& .SCGroupForm-privacy-section-info': {
marginBottom: theme.spacing(2)
}
},
'& .SCGroupForm-visibility-section-info': {
marginTop: theme.spacing(1)
},
'& .MuiDivider-root': {
marginTop: theme.spacing(2),
border: `1px solid ${(0, system_1.alpha)(theme.palette.primary.main, theme.palette.action.activatedOpacity)}`
},
'& .SCGroupForm-invite-section': {
marginTop: theme.spacing(2),
display: 'flex',
justifyContent: 'center',
alignItems: 'center'
}
})
}
};
exports.default = Component;