diff options
Diffstat (limited to 'src/containers/BsuFantomSection/LoginForm.tsx')
-rw-r--r-- | src/containers/BsuFantomSection/LoginForm.tsx | 23 |
1 files changed, 4 insertions, 19 deletions
diff --git a/src/containers/BsuFantomSection/LoginForm.tsx b/src/containers/BsuFantomSection/LoginForm.tsx index 208c1f7..3204a64 100644 --- a/src/containers/BsuFantomSection/LoginForm.tsx +++ b/src/containers/BsuFantomSection/LoginForm.tsx @@ -1,24 +1,9 @@ import React, { useState } from 'react'; -import { ContentSection } from 'react-benzin'; -import { Link, TextField, Button, Grid } from '@material-ui/core'; -import { makeStyles } from '@material-ui/core/styles'; +import { TextField, Button, Grid } from '@material-ui/core'; import { useAuth } from '../../hooks/useAuth'; -const useStyles = makeStyles(theme => ({ - form: { - width: theme.spacing(50), - display: 'flex', - flexDirection: 'column', - '& > *': { - margin: theme.spacing(1) - } - }, -})); - - const LoginForm: React.FC = () => { - const classes = useStyles(); const { login } = useAuth(); const [username, setUsername] = useState<string>(''); const [password, setPassword] = useState<string>(''); @@ -35,7 +20,7 @@ const LoginForm: React.FC = () => { return ( <Grid container direction="column" spacing={2}> - <Grid item xs={3}> + <Grid item md={3} xs={12}> <TextField onChange={handleChangeUsername} variant="outlined" @@ -43,7 +28,7 @@ const LoginForm: React.FC = () => { fullWidth /> </Grid> - <Grid item xs={3}> + <Grid item md={3} xs={12}> <TextField onChange={handleChangePassword} variant="outlined" @@ -52,7 +37,7 @@ const LoginForm: React.FC = () => { fullWidth /> </Grid> - <Grid item xs={3}> + <Grid item md={3} xs={12}> <Button onClick={handleSubmit} variant="contained" |