aboutsummaryrefslogtreecommitdiff
path: root/modern/src/login/LoginLayout.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'modern/src/login/LoginLayout.jsx')
-rw-r--r--modern/src/login/LoginLayout.jsx62
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;