diff options
Diffstat (limited to 'modern/src/login/LoginLayout.jsx')
-rw-r--r-- | modern/src/login/LoginLayout.jsx | 62 |
1 files changed, 0 insertions, 62 deletions
diff --git a/modern/src/login/LoginLayout.jsx b/modern/src/login/LoginLayout.jsx deleted file mode 100644 index 8f2ee6ca..00000000 --- a/modern/src/login/LoginLayout.jsx +++ /dev/null @@ -1,62 +0,0 @@ -import React from 'react'; -import { useMediaQuery, Paper } from '@mui/material'; -import makeStyles from '@mui/styles/makeStyles'; -import { useTheme } from '@mui/material/styles'; -import LogoImage from './LogoImage'; - -const useStyles = makeStyles((theme) => ({ - root: { - display: 'flex', - height: '100%', - }, - sidebar: { - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - background: theme.palette.primary.main, - paddingBottom: theme.spacing(5), - width: theme.dimensions.sidebarWidth, - [theme.breakpoints.down('lg')]: { - width: theme.dimensions.sidebarWidthTablet, - }, - [theme.breakpoints.down('sm')]: { - width: '0px', - }, - }, - paper: { - display: 'flex', - flexDirection: 'column', - justifyContent: 'center', - alignItems: 'center', - flex: 1, - boxShadow: '-2px 0px 16px rgba(0, 0, 0, 0.25)', - [theme.breakpoints.up('lg')]: { - padding: theme.spacing(0, 25, 0, 0), - }, - }, - form: { - maxWidth: theme.spacing(52), - padding: theme.spacing(5), - width: '100%', - }, -})); - -const LoginLayout = ({ children }) => { - const classes = useStyles(); - const theme = useTheme(); - - return ( - <main className={classes.root}> - <div className={classes.sidebar}> - {!useMediaQuery(theme.breakpoints.down('lg')) && <LogoImage color={theme.palette.secondary.contrastText} />} - </div> - <Paper className={classes.paper}> - <form className={classes.form}> - {children} - </form> - </Paper> - </main> - ); -}; - -export default LoginLayout; |