diff options
Diffstat (limited to 'src/pages/AuthPage/SignInForm.tsx')
-rw-r--r-- | src/pages/AuthPage/SignInForm.tsx | 40 |
1 files changed, 23 insertions, 17 deletions
diff --git a/src/pages/AuthPage/SignInForm.tsx b/src/pages/AuthPage/SignInForm.tsx index 1d4ce0e..c521abf 100644 --- a/src/pages/AuthPage/SignInForm.tsx +++ b/src/pages/AuthPage/SignInForm.tsx @@ -11,12 +11,16 @@ const useStyles = makeStyles(theme => ({ root: { '& > *': { margin: theme.spacing(1), - width: '25ch' + width: theme.spacing(35) }, display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' + }, + formHeader: { + textAlign: 'center', + fontSize: 25 } })); @@ -37,22 +41,24 @@ const SignInForm: React.FC<PropTypes> = ({ logIn }) => { }; return ( - <form className={classes.root} noValidate autoComplete="off"> - <h1>Sign In</h1> - <TextField - inputRef={nameRef} - error={error} - label="Login" - /> - <TextField - inputRef={passwordRef} - error={error} - helperText={error && 'Invalid credentials'} - label="Password" - type="password" - /> - <Button variant="contained" onClick={onClick}>submit</Button> - </form> + <> + <div className={classes.formHeader}>Sign In</div> + <form className={classes.root} noValidate autoComplete="off"> + <TextField + inputRef={nameRef} + error={error} + label="Login" + /> + <TextField + inputRef={passwordRef} + error={error} + helperText={error && 'Invalid credentials'} + label="Password" + type="password" + /> + <Button variant="contained" onClick={onClick}>submit</Button> + </form> + </> ); }; |