@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
48 lines (47 loc) • 1.69 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
border: '0 none',
marginBottom: theme.spacing(1),
overflow: 'visible',
'& .SCBaseItem-content': {
alignItems: 'flex-start',
'& .SCBaseItem-text': {
marginTop: 0,
marginBottom: 0,
'& .SCBaseItem-secondary': {
overflow: 'visible'
}
},
'& .SCBaseItem-image': {
marginTop: theme.spacing(0.2),
'& .MuiBadge-badge': {
top: theme.spacing(1.25)
},
'& .SCCommentObjectReply-avatar': {
width: theme.selfcommunity.user.avatar.sizeMedium,
height: theme.selfcommunity.user.avatar.sizeMedium
}
}
},
'& .SCCommentObjectReply-comment': {
overflow: 'visible',
borderRadius: theme.shape.borderRadius * 0.5,
'& .SCCommentObjectReply-media': {
maxWidth: 200,
padding: theme.spacing(1),
'& .SCMediaFile-media': {
height: '40px !important'
}
}
},
'& .SCCommentObjectReply-actions': {
marginLeft: theme.spacing(),
paddingBottom: theme.spacing()
}
})
}
};
exports.default = Component;