74 lines
1.5 KiB
TypeScript
74 lines
1.5 KiB
TypeScript
import { makeStyles, Theme } from '@material-ui/core/styles';
|
|
|
|
const useStyles = makeStyles((theme: Theme) => ({
|
|
root: {
|
|
width: '100%',
|
|
background: theme.palette.background.paper,
|
|
},
|
|
stepper: {
|
|
marginTop: theme.spacing(5),
|
|
},
|
|
backButton: {
|
|
marginRight: theme.spacing(1),
|
|
},
|
|
buttonGroup: {
|
|
display: 'flex',
|
|
flexDirection: 'row',
|
|
gap: '1rem',
|
|
marginLeft: '9%',
|
|
},
|
|
yamlError: {
|
|
marginTop: theme.spacing(1.5),
|
|
},
|
|
activeLabel: {
|
|
color: theme.palette.primary.light,
|
|
marginTop: theme.spacing(-9),
|
|
fontWeight: 'bold',
|
|
fontSize: theme.spacing(1.5),
|
|
[theme.breakpoints.down('sm')]: {
|
|
fontSize: theme.spacing(1),
|
|
},
|
|
},
|
|
normalLabel: {
|
|
color: theme.palette.grey[600],
|
|
fontSize: theme.spacing(1.5),
|
|
marginTop: theme.spacing(-9),
|
|
[theme.breakpoints.down('sm')]: {
|
|
fontSize: theme.spacing(1),
|
|
},
|
|
},
|
|
nextArrow: {
|
|
marginLeft: theme.spacing(2.5),
|
|
},
|
|
|
|
/* Finish modal content style */
|
|
mark: {
|
|
marginTop: theme.spacing(7),
|
|
textAlign: 'center',
|
|
},
|
|
heading: {
|
|
fontSize: '2rem',
|
|
textalign: 'center',
|
|
marginTop: theme.spacing(5),
|
|
color: theme.palette.common.black,
|
|
},
|
|
headWorkflow: {
|
|
fontsize: '2rem',
|
|
lineheight: '170%',
|
|
textalign: 'center',
|
|
color: theme.palette.common.black,
|
|
marginTop: theme.spacing(6),
|
|
},
|
|
button: {
|
|
color: theme.palette.common.white,
|
|
textAlign: 'center',
|
|
marginTop: theme.spacing(6),
|
|
},
|
|
successful: {
|
|
fontSize: '2.2rem',
|
|
fontWeight: 'bold',
|
|
},
|
|
}));
|
|
|
|
export default useStyles;
|