@selfcommunity/react-theme-default
Version:
Default theme to use with SelfCommunity TS library
45 lines (44 loc) • 1.57 kB
JavaScript
const Component = {
styleOverrides: {
root: ({ theme }) => ({
gap: theme.spacing(0.5),
'& .SCEventInfoDetails-icon-text-wrapper': {
flexDirection: 'row',
alignItems: 'center',
gap: theme.spacing(0.75),
'& > p': {
textTransform: 'capitalize'
},
'& .SCEventInfoDetails-link': {
textDecoration: 'none',
color: theme.palette.text.primary,
'&:hover': {
textDecoration: 'underlined'
},
'& .SCEventInfoDetails-url': {
overflow: 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
WebkitLineClamp: '1',
WebkitBoxOrient: 'vertical'
}
},
'& .SCEventInfoDetails-join-live': {
height: 20
},
'& .SCEventInfoDetails-in-progress': {
width: '6px',
height: '6px',
borderRadius: '9999px',
backgroundColor: theme.palette.secondary.main
}
},
'& .SCEventInfoDetails-creation-wrapper': {
flexDirection: 'row',
alignItems: 'center',
gap: theme.spacing(1)
}
})
}
};
export default Component;