UBC/Alley-HSBC-Frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix spacing and font

Browse Source
This commit is contained in:
mbalsdon 2022-03-11 23:45:42 -08:00
parent dbbc6225cf
commit 18635704bb
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/login/Login.tsx
View File

@ -1,6 +1,6 @@
import { useRef, useState, useEffect, useContext } from "react";
import { useLocation, Link, useNavigate } from "react-router-dom";
import { Stack } from "@mui/material";
import { Stack, Typography } from "@mui/material";
import Container from "@mui/material/Container";
import TextField from "@mui/material/TextField";
import Button from "@mui/material/Button";
@ -49,11 +49,13 @@ const Login: React.FC = () => {
<TextField className="username-input" id="outlined-basic" label="Username" variant="outlined" placeholder="Username" onChange={(event) => {setUsername(event.target.value)}}/>
<TextField className="password-input" id="outlined-basic" label="Password" variant="outlined" placeholder="Password" type="password" onChange={(event) => {setPassword(event.target.value)}}/>
<Stack direction="row" justifyContent="space-between" spacing={2}>
<a className="register-btn" href="#">Forgotten Your Password?</a>
<a className="register-btn" href="#">
<Typography sx={{ ml: 1, mb: 1 }}>Forgot your password?</Typography>
</a>
<Button endIcon={<LoginIcon />} className="login-btn" variant="contained" type="submit" onClick={handleLogin}>Login</Button>
</Stack>
<Stack direction="row" justifyContent="space-between" spacing={2}>
<label>Login with</label>
<Typography sx={{ ml: 1 }}>Login with</Typography>
<a className="zoom-logo" href="#">
<img src={zoomLogo} alt="Zoom Logo"/>
</a>