@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
58 lines (57 loc) • 2.21 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCEventMembersWidget-content': {
padding: `${theme.spacing(2)} ${theme.spacing(2)}}`,
'& .SCEventMembersWidget-title': {
marginBottom: '18px'
},
'& .SCEventMembersWidget-tabs-wrapper': {
borderBottom: `1px solid ${theme.palette.grey['300']}`,
'& .SCEventMembersWidget-tab-label-wrapper': {
gap: '2px',
alignItems: 'center'
}
},
'& .SCEventMembersWidget-tab-panel': {
padding: `${theme.spacing(4)} 0 0`
},
'& .SCEventMembersWidget-action-button': {
left: '50%',
transform: 'translate(-50%)',
color: theme.palette.primary.main
},
'& .SCEventMembersWidget-event-button': {
left: '50%',
transform: 'translate(-50%)'
}
}
}),
skeletonRoot: ({ theme }) => ({
'& .SCEventMembersWidget-content': {
padding: `${theme.spacing(2)} ${theme.spacing(2)}`,
'& .SCEventMembersWidget-title': {
marginBottom: '18px'
},
'& .SCEventMembersWidget-tabs-wrapper': {
borderBottom: `1px solid ${theme.palette.grey['300']}`,
'& .SCEventMembersWidget-tab-label-wrapper': {
gap: '2px',
alignItems: 'center'
}
},
'& .SCEventMembersWidget-tab-panel': {
padding: `${theme.spacing(4)} 0 0`
},
'& .SCEventMembersWidget-action-button': {
left: '50%',
transform: 'translate(-50%)'
}
}
}),
dialogRoot: () => ({})
}
};
exports.default = Component;