mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-27 11:02:16 +01: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
36 lines
810 B
TypeScript
36 lines
810 B
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
container: {
|
|
display: 'flex',
|
|
width: '80%',
|
|
margin: '0 auto',
|
|
[theme.breakpoints.down(700)]: {
|
|
flexDirection: 'column',
|
|
alignItems: 'center',
|
|
},
|
|
},
|
|
textContainer: {
|
|
width: '50%',
|
|
[theme.breakpoints.down(700)]: {
|
|
width: '100%',
|
|
},
|
|
},
|
|
iconContainer: {
|
|
width: '50%',
|
|
[theme.breakpoints.down(700)]: {
|
|
width: '100%',
|
|
},
|
|
},
|
|
icon: {
|
|
width: '300px',
|
|
height: '200px',
|
|
[theme.breakpoints.down(700)]: {
|
|
marginTop: '2rem',
|
|
},
|
|
[theme.breakpoints.down(500)]: {
|
|
display: 'none',
|
|
},
|
|
},
|
|
}));
|