2022-01-24 15:43:45 +01:00
|
|
|
import { makeStyles } from '@material-ui/core/styles';
|
|
|
|
|
|
|
|
export const useStyles = makeStyles(theme => ({
|
|
|
|
container: {
|
|
|
|
maxWidth: '470px',
|
|
|
|
},
|
|
|
|
form: {
|
|
|
|
display: 'flex',
|
|
|
|
flexDirection: 'column',
|
|
|
|
height: '100%',
|
|
|
|
},
|
|
|
|
input: { width: '100%', marginBottom: '1rem' },
|
2022-02-18 09:51:10 +01:00
|
|
|
inputHeader: {
|
|
|
|
marginBottom: '0.3rem',
|
2022-01-24 15:43:45 +01:00
|
|
|
},
|
|
|
|
label: {
|
|
|
|
minWidth: '300px',
|
|
|
|
[theme.breakpoints.down(600)]: {
|
|
|
|
minWidth: 'auto',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
tagContainer: {
|
2022-04-19 15:20:01 +02:00
|
|
|
display: 'grid',
|
|
|
|
gridTemplateColumns: '1fr auto',
|
|
|
|
gap: '0.5rem',
|
2022-02-18 09:51:10 +01:00
|
|
|
marginBottom: '1rem',
|
2022-01-24 15:43:45 +01:00
|
|
|
},
|
|
|
|
tagInput: {
|
2022-04-19 15:20:01 +02:00
|
|
|
gridColumn: 1,
|
2022-01-24 15:43:45 +01:00
|
|
|
},
|
2022-04-19 15:20:01 +02:00
|
|
|
tagButton: {
|
|
|
|
gridColumn: 2,
|
2022-01-24 15:43:45 +01:00
|
|
|
},
|
|
|
|
buttonContainer: {
|
|
|
|
marginTop: 'auto',
|
|
|
|
display: 'flex',
|
|
|
|
justifyContent: 'flex-end',
|
|
|
|
},
|
|
|
|
cancelButton: {
|
2022-01-25 00:47:49 +01:00
|
|
|
marginLeft: '1.5rem',
|
2022-01-24 15:43:45 +01:00
|
|
|
},
|
|
|
|
inputDescription: {
|
|
|
|
marginBottom: '0.5rem',
|
|
|
|
},
|
|
|
|
permissionErrorContainer: {
|
|
|
|
position: 'relative',
|
|
|
|
},
|
|
|
|
errorMessage: {
|
|
|
|
fontSize: theme.fontSizes.smallBody,
|
|
|
|
color: theme.palette.error.main,
|
|
|
|
position: 'absolute',
|
|
|
|
top: '-8px',
|
|
|
|
},
|
|
|
|
switchContainer: {
|
|
|
|
display: 'flex',
|
|
|
|
alignItems: 'center',
|
2022-02-18 09:51:10 +01:00
|
|
|
marginLeft: '-9px',
|
2022-01-24 15:43:45 +01:00
|
|
|
},
|
|
|
|
}));
|