@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
96 lines (95 loc) • 3.99 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const Component = {
styleOverrides: {
root: ({ theme }) => ({
'& .SCSuggestedEventsWidget-content': {
padding: `15px ${theme.spacing(2, 2)}`,
'& .SCSuggestedEventsWidget-title': {
marginBottom: '11px'
},
'& .SCSuggestedEventsWidget-swiper': {
position: 'relative',
'& .swiper-wrapper': {
paddingBottom: '1px',
'& .SCSuggestedEventsWidget-swiper-slide': {
width: '210px',
height: 'auto',
'& .SCSuggestedEventsWidget-event': {
'& .SCEventInfoDetails-root': {
'& h5': {
fontSize: '1rem',
maxWidth: 200,
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
overflow: 'hidden'
},
'& .SCEventInfoDetails-icon-text-wrapper': {
gap: theme.spacing(0.5),
'& .community-icons': {
fontSize: '0.9rem'
},
'& p': {
marginTop: 1,
fontSize: '0.60rem'
}
}
}
}
}
},
'& .SCSuggestedEventsWidget-swiper-arrow': {
position: 'absolute',
top: '50%',
transform: 'translateY(-50%)',
zIndex: 1,
paddingLeft: '10px!important',
paddingRight: '10px!important',
minWidth: 'auto',
backgroundColor: theme.palette.grey[400]
},
'& .SCSuggestedEventsWidget-swiper-prev-arrow': {
left: '5px'
},
'& .SCSuggestedEventsWidget-swiper-next-arrow': {
right: '5px'
}
}
},
'& .SCSuggestedEventsWidget-actions': {
padding: `0 ${theme.spacing()} ${theme.spacing()}`,
justifyContent: 'center',
'& .SCSuggestedEventsWidget-actionButton': {
color: theme.palette.primary.main
}
},
'& .SCEvent-skeleton-preview-name': {
marginTop: 0,
marginBottom: 0
},
'& .SCEvent-skeleton-preview-actions': {
padding: 0
}
}),
skeletonRoot: ({ theme }) => ({
'& .SCSuggestedEventsWidget-content': {
padding: `15px 0 ${theme.spacing(3)} ${theme.spacing(2)}`,
'& .SCSuggestedEventsWidget-title': {
marginBottom: '11px'
},
'& .SCSuggestedEventsWidget-swiper-slide': {
width: '210px',
height: 'auto'
}
},
'& .SCSuggestedEventsWidget-actions': {
padding: `0 ${theme.spacing()} ${theme.spacing()}`,
justifyContent: 'center'
},
'& .SCEvent-skeleton-preview-actions': {
padding: 0
}
})
}
};
exports.default = Component;