@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
107 lines (106 loc) • 3.72 kB
TypeScript
declare const Component: {
styleOverrides: {
root: ({ theme }: any) => {
[x: number]: {
padding: any;
'& .SCNavigationToolbar-navigation': {
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore': {
margin: any;
};
};
};
padding: any;
'& .SCNavigationToolbar-logo, & .SCNavigationToolbar-custom-item': {
marginRight: any;
'& img': {
verticalAlign: string;
maxHeight: number;
};
};
'& .SCNavigationToolbar-navigation': {
flexGrow: number;
textAlign: string;
alignSelf: string;
'& .SCNavigationToolbar-home, & .SCNavigationToolbar-explore, & .SCNavigationToolbar-groups, & .SCNavigationToolbar-events, & .SCNavigationToolbar-courses': {
paddingTop: number;
paddingLeft: any;
paddingRight: any;
paddingBottom: number;
margin: any;
borderRadius: number;
borderBottom: string;
'&.SCNavigationToolbar-active, &:hover': {
color: any;
borderBottom: string;
};
};
};
'& .SCNavigationToolbar-search': {
flexGrow: number;
textAlign: string;
marginRight: any;
'& .MuiFormControl-root': {
[x: number]: {
width: number;
};
width: number;
};
};
'& .SCNavigationToolbar-profile, & .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
margin: any;
};
'& .SCNavigationToolbar-profile .MuiAvatar-root': {
width: any;
height: any;
};
'& .SCNavigationToolbar-notification, & .SCNavigationToolbar-messages': {
paddingTop: number;
paddingBottom: number;
borderRadius: number;
borderBottom: string;
'&.SCNavigationToolbar-active, &:hover': {
color: any;
borderBottom: string;
};
};
'& .SCNavigationToolbar-settings': {
marginLeft: number;
};
'& .SCNavigationToolbar-composer:hover': {
color: any;
};
'& .MuiIconButton-root': {
color: any;
};
};
skeletonRoot: ({ theme }: any) => {
'& .SCNavigationToolbar-logo': {
width: number;
height: number;
};
'& .SCNavigationToolbar-navigation': {
flexGrow: number;
margin: any;
};
'& .SCNavigationToolbar-avatar': {
width: any;
height: any;
};
};
notificationsMenuRoot: ({ theme }: any) => {
'& .SCNavigationToolbar-paper': {
minWidth: number;
padding: any;
'& .MuiList-root': {
padding: number;
};
};
'& .SCNavigationToolbar-link': {
display: string;
textAlign: string;
margin: any;
};
};
};
};
export default Component;