@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
90 lines (89 loc) • 3.13 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCUserProfileEdit-tabs': {
marginBottom: theme.spacing(3),
'& .MuiTabScrollButton-root': {
transition: 'width 1s ease-in-out',
'&.Mui-disabled': {
width: 0
}
}
},
'& .SCUserProfileEdit-tab-content': {
padding: theme.spacing(0, 2),
maxWidth: 400
}
}),
skeletonRoot: ({ theme }) => ({}),
passwordDialogRoot: ({ theme }) => ({
'& .MuiDialogContent-root': {
'& .SCUserProfileEdit-password-form': {
'& .SCUserProfileEdit-form-field': {
margin: theme.spacing(1, 1, 1, 0)
}
}
},
'& .SCUserProfileEdit-confirm-change-button': {
marginTop: theme.spacing(1)
}
}),
accountRoot: ({ theme }) => ({
'& .SCUserProfileEdit-danger-zone': {
marginTop: theme.spacing(2),
'& > *': {
marginBottom: theme.spacing(2)
}
},
'& .SCUserSocialAssociation-provider-table': {
backgroundColor: 'transparent',
border: '1px solid #3b3b3b',
'& th,td': {
padding: 12,
fontWeight: 'bold'
},
'& td': {
padding: 12,
'& .SCUserSocialAssociation-provider-name': {
textTransform: 'capitalize',
position: 'relative',
top: theme.spacing(-1),
left: theme.spacing()
}
}
},
'& .SCUserProfileEdit-language-switcher': {
margin: theme.spacing(1, 0, 1, 0)
},
'& .SCUserProfileEdit-account-credentials-root': {
'& .SCUserProfileEdit-email, .SCUserProfileEdit-password': {
margin: theme.spacing(1, 0, 1, 0),
fontWeight: 'bold'
}
}
}),
settingsRoot: ({ theme }) => ({
'& .SCUserProfileEdit-control': {
margin: theme.spacing(0, 0, 2, 0),
'& .MuiFormControl-root': {
display: 'block'
}
}
}),
publicInfoRoot: ({ theme }) => ({
'& .SCUserProfileEdit-field': {
margin: theme.spacing(1, 0, 1, 0)
},
'& .SCUserProfileEdit-field .MuiSelect-icon': {
right: theme.spacing(5)
},
'& .SCUserProfileEdit-btn-save': {
marginTop: theme.spacing(2),
marginBottom: theme.spacing()
}
})
}
};
exports.default = Component;