mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-22 11:18:20 +02:00
f309553a5f
* refactor: remove unused securityLogger * refactor: port commonStyles to TS * refactor: port testIds to TS * refactor: move app.css into themes * refactor: use absolute import paths * refactor: port LayoutPicker to TS * refactor: port routes to TS * refactor: port ScrollTop to TS * refactor: update unused/missing ScrollTop exceptions * refactor: remove unused route flags field * refactor: change constants ext to TS * refactor: remove unused testData file * refactor: port styles to TS * refactor: wait before typing in auth spec
58 lines
1.3 KiB
TypeScript
58 lines
1.3 KiB
TypeScript
import { makeStyles } from '@material-ui/core/styles';
|
|
|
|
export const useStyles = makeStyles(theme => ({
|
|
login: {
|
|
width: '350px',
|
|
maxWidth: '350px',
|
|
[theme.breakpoints.down('xs')]: {
|
|
width: '100%',
|
|
},
|
|
},
|
|
loginContainer: {
|
|
minHeight: '100vh',
|
|
width: '100%',
|
|
},
|
|
container: {
|
|
display: 'flex',
|
|
height: '100%',
|
|
flexWrap: 'wrap',
|
|
},
|
|
contentContainer: {
|
|
width: '50%',
|
|
padding: '4rem 3rem',
|
|
minHeight: '100vh',
|
|
[theme.breakpoints.down('sm')]: {
|
|
width: '100%',
|
|
minHeight: 'auto',
|
|
},
|
|
},
|
|
gradient: {
|
|
// @ts-expect-error
|
|
background: `linear-gradient(${theme.palette.login.gradient.top}, ${theme.palette.login.gradient.bottom})`,
|
|
// @ts-expect-error
|
|
color: theme.palette.login.main,
|
|
},
|
|
title: {
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
marginBottom: '1rem',
|
|
textAlign: 'center',
|
|
},
|
|
logo: {
|
|
marginRight: '10px',
|
|
width: '40px',
|
|
height: '30px',
|
|
},
|
|
subTitle: {
|
|
fontSize: '1.25rem',
|
|
},
|
|
loginFormContainer: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
},
|
|
imageContainer: {
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
marginTop: '8rem',
|
|
},
|
|
}));
|