@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
63 lines (62 loc) • 2.3 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
borderRadius: theme.spacing(1.5),
padding: `${theme.spacing(0)}!important`,
boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',
marginBottom: theme.spacing(1),
'& .SCPrivateMessageSnippetItem-time': {
float: 'right',
fontSize: theme.typography.fontWeightRegular
},
'& .MuiListItemButton-root': {
'&.SCPrivateMessageSnippetItem-unread': { paddingRight: theme.spacing(7.5) },
[theme.breakpoints.down('md')]: {
'&.SCPrivateMessageSnippetItem-unread': { paddingRight: theme.spacing(5) },
paddingRight: theme.spacing(2)
}
},
'& .MuiListItemText-primary': {
'& .SCPrivateMessageSnippetItem-username': {
fontWeight: theme.typography.fontWeightBold
},
'& .SCPrivateMessageSnippetItem-badge-label': {
marginLeft: theme.spacing(0.5),
borderRadius: 0,
fontSize: '0.5rem'
}
},
'& .MuiListItemText-secondary': {
'& .MuiTypography-root': {
display: 'inline-block',
width: '80%',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis'
}
},
'& .MuiListItemSecondaryAction-root': {
display: 'flex',
alignItems: 'center',
position: 'absolute',
top: theme.spacing(3),
right: theme.spacing(1),
'& .MuiButtonBase-root': {
fontSize: '1rem'
},
[theme.breakpoints.down('md')]: {
padding: theme.spacing(1)
},
' .MuiPaper-root': {
padding: 0
}
}
}),
skeletonRoot: ({ theme }) => ({
maxWidth: 700
})
}
};
exports.default = Component;