From abfc8581f905a87eaaca9639336e25d43d8da496 Mon Sep 17 00:00:00 2001 From: CodeServer Date: Tue, 8 Mar 2022 01:14:18 +0000 Subject: [PATCH] finished login --- src/assets/zoom.png | Bin 0 -> 7956 bytes src/assets/zoom.svg | 1 + src/components/login/Login.tsx | 22 +++++++++++++++- src/index.tsx | 4 ++- src/style/App.css | 46 +++++++++++++++++++++++++++++++++ src/style/App.css.map | 2 +- src/style/base/_base.sass | 6 ++++- src/style/modules/_login.sass | 28 +++++++++++++++++++- 8 files changed, 104 insertions(+), 5 deletions(-) create mode 100644 src/assets/zoom.png create mode 100644 src/assets/zoom.svg diff --git a/src/assets/zoom.png b/src/assets/zoom.png new file mode 100644 index 0000000000000000000000000000000000000000..e05505ed8c0fa571e2eafdf5912d86f716a27c8b GIT binary patch literal 7956 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 literal 0 HcmV?d00001 diff --git a/src/assets/zoom.svg b/src/assets/zoom.svg new file mode 100644 index 0000000..fea1f1d --- /dev/null +++ b/src/assets/zoom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/login/Login.tsx b/src/components/login/Login.tsx index ba95b2e..cb3f046 100644 --- a/src/components/login/Login.tsx +++ b/src/components/login/Login.tsx @@ -1,9 +1,29 @@ +import { Stack } from "@mui/material"; import Container from "@mui/material/Container"; +import TextField from "@mui/material/TextField"; +import Button from "@mui/material/Button"; +import hsbcLogo from "../../assets/logo-png.png"; +import zoomLogo from "../../assets/zoom.png"; +import LoginIcon from '@mui/icons-material/Login'; const Login: React.FC = () => { return ( - Login + + HSBC Logo + + + + Forgotten Your Password? + + + + + + Zoom Logo + + + ); }; diff --git a/src/index.tsx b/src/index.tsx index 74f554e..f239696 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -1,8 +1,10 @@ import ReactDOM from "react-dom"; import App from "./App"; +import "./style/App.css"; +import Login from "./components/login/Login"; const Index:React.FC = () => { - return ; + return ; }; ReactDOM.render(, document.getElementById("root")); diff --git a/src/style/App.css b/src/style/App.css index f305473..bcf9c90 100644 --- a/src/style/App.css +++ b/src/style/App.css @@ -2,6 +2,10 @@ width: 100%; } +a { + text-decoration: none; +} + .main-home { max-width: 85% !important; } @@ -69,4 +73,46 @@ width: 70%; height: 70%; } + +.login .grid-container { + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: auto; + margin-top: 20%; + max-width: 40% !important; +} + +.login .grid-container > * { + width: 98%; + margin: 0.5% 0; +} + +.login .grid-container .login-logo { + display: inline-block; + text-align: center; + margin: 5% 0; +} + +.login .grid-container .login-btn { + margin: 5% 0; + width: 40%; + background-color: #ed7f88; +} + +.login .grid-container .register-btn { + display: inline-block; + text-align: left; + margin: 5% 0; + padding-top: 1rem; +} + +.login .grid-container .zoom-logo { + width: 40px; + height: 40px; +} + +.login .grid-container .zoom-logo * { + width: 100%; +} /*# sourceMappingURL=App.css.map */ \ No newline at end of file diff --git a/src/style/App.css.map b/src/style/App.css.map index 3c4086c..a6a8c92 100644 --- a/src/style/App.css.map +++ b/src/style/App.css.map @@ -1,6 +1,6 @@ { "version": 3, - "mappings": "AG4CA,AAAA,WAAW,CAAC;EACR,KAAK,EAAE,IAAI;CAAG;;AK7ClB,AAAA,UAAU,CAAC;EAGP,SAAS,EAAE,cAAc;CA6CO;;AAhDpC,AAII,UAJM,CAIN,eAAe,CAAC;EACZ,MAAM,EAAE,IAAI;EACZ,UAAU,EAAE,IAAI;EAChB,YAAY,EAAE,KAAK;EACnB,YAAY,EPRS,OAAO;EOS5B,YAAY,EAAE,GAAG;EACjB,aAAa,EAAE,IAAI;EACnB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,QAAQ,EAAE,MAAM;CAgBO;;AA7B/B,AAcQ,UAdE,CAIN,eAAe,CAUX,IAAI,CAAC;EACD,KAAK,EAAE,IAAI;CAAG;;AAf1B,AAgBQ,UAhBE,CAIN,eAAe,CAYX,aAAa,CAAC;EACV,UAAU,EAAE,MAAM;EAClB,gBAAgB,EAAE,IAAI;EACtB,WAAW,EAAE,EAAE;EACf,cAAc,EAAE,EAAE;CAAG;;AApBjC,AAqBQ,UArBE,CAIN,eAAe,CAiBX,aAAa,CAAC;EACV,UAAU,EAAE,MAAM;EAClB,gBAAgB,EAAE,IAAI;EACtB,cAAc,EAAE,EAAE;CAAG;;AAxBjC,AAyBQ,UAzBE,CAIN,eAAe,CAqBX,QAAQ,CAAC;EACL,gBAAgB,EP1BC,OAAO;EO2BxB,UAAU,EAAE,MAAM;EAClB,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,CAAC;CAAG;;AA7B7B,AA+BQ,UA/BE,CA8BN,WAAW,CACP,MAAM,CAAC;EACH,UAAU,EAAE,IAAI;CAAG;;AAhC/B,AAiCQ,UAjCE,CA8BN,WAAW,CAGP,MAAM,CAAC;EACH,UAAU,EAAE,GAAG;CAAG;;AAlC9B,AAmCQ,UAnCE,CA8BN,WAAW,CAKP,KAAK,CAAC;EACF,OAAO,EAAE,YAAY;EACrB,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,MAAM;CAAG;;AAtCjC,AAuCQ,UAvCE,CA8BN,WAAW,CASP,KAAK,CAAC;EACF,YAAY,EAAE,IAAI;EAClB,gBAAgB,EPzCC,OAAO;EO0CxB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;EACb,aAAa,EAAE,IAAI;CAIC;;AAhDhC,AA6CY,UA7CF,CA8BN,WAAW,CASP,KAAK,CAMD,KAAK,CAAC;EACF,KAAK,EAAE,KAAK;EACZ,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,GAAG;CAAG", + "mappings": "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", "sources": [ "App.sass", "_variables.sass", diff --git a/src/style/base/_base.sass b/src/style/base/_base.sass index f88dda4..08bc717 100644 --- a/src/style/base/_base.sass +++ b/src/style/base/_base.sass @@ -43,4 +43,8 @@ .full-width - width: 100% \ No newline at end of file + width: 100% + +a + text-decoration: none + \ No newline at end of file diff --git a/src/style/modules/_login.sass b/src/style/modules/_login.sass index 797d974..31c28c0 100644 --- a/src/style/modules/_login.sass +++ b/src/style/modules/_login.sass @@ -1 +1,27 @@ -.login \ No newline at end of file +.login + .grid-container + align-items: center + margin: auto + margin-top: 20% + max-width: 40% !important + > * + width: 98% + margin: 0.5% 0 + .login-logo + display: inline-block + text-align: center + margin: 5% 0 + .login-btn, + margin: 5% 0 + width: 40% + background-color: #ed7f88 + .register-btn + display: inline-block + text-align: left + margin: 5% 0 + padding-top: 1rem + .zoom-logo + width: 40px + height: 40px + * + width: 100% \ No newline at end of file