litmus/litmus-portal/frontend/src/components/WorkflowStepper/styles.ts

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;