@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
49 lines (48 loc) • 1.78 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCCategories-filters': {
marginTop: theme.spacing(),
marginBottom: theme.spacing(2)
},
'& .SCCategories-categories': {
marginTop: theme.spacing(3),
'& .SCCategories-category': {
padding: theme.spacing(2),
width: 'auto',
'& > div': {
cursor: 'default'
},
'& .SCCategory-category-image': {
minWidth: 56,
height: '100%',
borderTopLeftRadius: theme.shape.borderRadius,
borderBottomLeftRadius: theme.shape.borderRadius,
borderRadius: 0
}
}
}
}),
skeletonRoot: ({ theme }) => ({
'& .SCCategories-categories': {
marginTop: theme.spacing(3),
'& .SCCategory-skeleton-root': {
padding: theme.spacing(2),
width: 'auto',
'& .SCBaseItem-image': {
borderTopLeftRadius: theme.shape.borderRadius,
borderBottomLeftRadius: theme.shape.borderRadius,
'& .SCCategory-image': {
borderRadius: 0,
width: '56px !important',
height: '56px !important'
}
}
}
}
})
}
};
exports.default = Component;