UNPKG

@selfcommunity/react-theme-default

Version:

Default theme to use with SelfCommunity TS library

117 lines (116 loc) 4.2 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const Component = { styleOverrides: { root: ({ theme }) => ({ position: 'relative', backgroundColor: theme.palette.background.paper, display: 'flex', flexDirection: 'column', justifyContent: 'space-between', alignItems: 'center', width: '100%', ['& .SCCheckout-content']: { width: '100%', maxWidth: 860, display: 'grid', gridTemplateColumns: '1fr 1fr', padding: theme.spacing(2), gap: 0, [theme.breakpoints.down(1034)]: { display: 'flex', flexDirection: 'column', justifyContent: 'space-between', alignItems: 'center' }, ['& .SCCheckout-content-object']: { position: 'relative', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start', [theme.breakpoints.down('sm')]: { width: '90%' }, '& .SCWidget-root': { width: '93%', '& .SCEvent-preview-content': { padding: `${theme.spacing(2)} !important` } } }, ['& .SCCheckout-content-coverage']: { position: 'absolute', width: '100%', height: '100%', backgroundColor: 'transparent' }, ['& .SCCheckout-content-desc']: { display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', [theme.breakpoints.down(1034)]: { display: 'none' }, maxWidth: 600 } }, ['& .SCCheckout-checkout']: { width: '100%', bottom: theme.spacing(2) }, ['& .SCCheckout-object']: { // margin: theme.spacing(2, 2, 0.5, 0), width: '100%', [theme.breakpoints.up('sm')]: { minWidth: 395, width: 'auto' } }, ['& .SCCheckout-payment-order']: { display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', margin: theme.spacing(5), '& .SCPaymentOrder-root': { width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', '& .SCPaymentOrder-content-object': { minWidth: 300 }, '& .SCPaymentOrder-details': { minWidth: 300 }, '& .SCPaymentOrderPdfButton-root': { paddingLeft: theme.spacing(), paddingRight: theme.spacing() } }, '& .SCPaymentOrder-skeleton-root': { minWidth: 300 } }, ['& .SCCategory-root']: { borderRadius: theme.shape.borderRadius, '& a': { padding: theme.spacing(2) } }, ['& .SCGroup-root']: { borderRadius: theme.shape.borderRadius, '& a': { padding: theme.spacing(2) } }, ['& .SCCourse-preview-root']: { minHeight: 'auto' } }) } }; exports.default = Component;