diff options
author | Ashutosh Bishnoi <mail2bishnoi@gmail.com> | 2021-06-17 13:56:59 +0530 |
---|---|---|
committer | Ashutosh Bishnoi <mail2bishnoi@gmail.com> | 2021-06-17 13:56:59 +0530 |
commit | f0ab1c08e5b75efc6e2966841fde39a7bcfbb43e (patch) | |
tree | 97e21931a7afcac0d00216d0c411c9e8893217c7 /modern/src/LoginPage.js | |
parent | 2bbb45f8234b07f5c9b40e98650b2a6eead352c1 (diff) | |
download | etbsa-traccar-web-f0ab1c08e5b75efc6e2966841fde39a7bcfbb43e.tar.gz etbsa-traccar-web-f0ab1c08e5b75efc6e2966841fde39a7bcfbb43e.tar.bz2 etbsa-traccar-web-f0ab1c08e5b75efc6e2966841fde39a7bcfbb43e.zip |
Change file name from LoginPage to StartPage
Diffstat (limited to 'modern/src/LoginPage.js')
-rw-r--r-- | modern/src/LoginPage.js | 65 |
1 files changed, 0 insertions, 65 deletions
diff --git a/modern/src/LoginPage.js b/modern/src/LoginPage.js deleted file mode 100644 index 4c19dff..0000000 --- a/modern/src/LoginPage.js +++ /dev/null @@ -1,65 +0,0 @@ -import React from 'react'; -import { useMediaQuery, makeStyles, Paper } from '@material-ui/core'; -import { useTheme } from '@material-ui/core/styles'; - -const useStyles = makeStyles(theme => ({ - root: { - display: 'flex', - height: '100vh', - }, - sidebar: { - display: 'flex', - justifyContent: 'center', - alignItems: 'center', - color: theme.palette.secondary.contrastText, - background: theme.palette.common.purple, - paddingBottom: theme.spacing(5), - width: theme.dimensions.sidebarWidth, - [theme.breakpoints.down('md')]: { - width: theme.dimensions.tabletSidebarWidth, - }, - [theme.breakpoints.down('xs')]: { - 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 LoginPage = ({ children }) => { - const classes = useStyles(); - const theme = useTheme(); - - return ( - <main className={classes.root}> - <div className={classes.sidebar}> - {!useMediaQuery(theme.breakpoints.down('md')) && - <svg height="64" width="240"> - <use xlinkHref="/logo.svg#img"></use> - </svg> - } - </div> - <Paper className={classes.paper}> - <form className={classes.form}> - { children } - </form> - </Paper> - </main> - ) -} - -export default LoginPage; |