aboutsummaryrefslogtreecommitdiff
path: root/modern/src/LoginPage.js
diff options
context:
space:
mode:
authorAshutosh Bishnoi <mail2bishnoi@gmail.com>2021-06-17 13:56:59 +0530
committerAshutosh Bishnoi <mail2bishnoi@gmail.com>2021-06-17 13:56:59 +0530
commitf0ab1c08e5b75efc6e2966841fde39a7bcfbb43e (patch)
tree97e21931a7afcac0d00216d0c411c9e8893217c7 /modern/src/LoginPage.js
parent2bbb45f8234b07f5c9b40e98650b2a6eead352c1 (diff)
downloadetbsa-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.js65
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;