mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
24c11332b5
* refactor: update mui packages * refactor: run mui codemods * refactor: format files after codemods * refactor: fix broken types * refactor: clean up theme * refactor: fix broken tests * refactor: replace @mui/styles with tss-react * refactor: move breakpoints into classes for tss * refactor: fix crash on missing feature description * refactor: remove void classNames * refactor: adjust styles to new defaults * refactor: remove broken rollout slider e2e test * refactor: fix duplicate e2e testid * refactor: update makeStyles after rebase * refactor: add missing snapshot after rebase * refactor: fix TableCellSortable focus styles * refactor: use 1.4 as the default line-height * refactor: hide webkit search field icons * refactor: fix select box label * refactor: make AutocompleteBox smaller * refactor: make heading smaller * refactor: fix toast close icon color * refactor: update snapshots * refactor: add missing test event awaits * refactor: fix default button line-height
60 lines
1.3 KiB
TypeScript
60 lines
1.3 KiB
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
container: {
|
|
maxWidth: '470px',
|
|
},
|
|
form: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
height: '100%',
|
|
},
|
|
input: { width: '100%', marginBottom: '1rem' },
|
|
inputHeader: {
|
|
marginBottom: '0.3rem',
|
|
},
|
|
label: {
|
|
minWidth: '300px',
|
|
[theme.breakpoints.down(600)]: {
|
|
minWidth: 'auto',
|
|
},
|
|
},
|
|
tagContainer: {
|
|
display: 'grid',
|
|
gridTemplateColumns: '1fr auto',
|
|
gap: '0.5rem',
|
|
marginBottom: '1rem',
|
|
},
|
|
tagInput: {
|
|
gridColumn: 1,
|
|
},
|
|
tagButton: {
|
|
gridColumn: 2,
|
|
},
|
|
buttonContainer: {
|
|
marginTop: 'auto',
|
|
display: 'flex',
|
|
justifyContent: 'flex-end',
|
|
},
|
|
cancelButton: {
|
|
marginLeft: '1.5rem',
|
|
},
|
|
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',
|
|
marginLeft: '-9px',
|
|
},
|
|
}));
|