From 8aa3da75b38651d0dda4fbe6a7a3067113707578 Mon Sep 17 00:00:00 2001 From: HOANGLAOTA Date: Fri, 12 Jul 2024 09:03:35 +0700 Subject: [PATCH] fix bug 1207 --- public/assets/css/login.css | 2 +- public/assets/css/responsive.css | 4 ++-- public/assets/images/avatar_female.png | Bin 0 -> 12097 bytes public/assets/images/avatar_male.png | Bin 0 -> 10348 bytes src/_containers/HomePage/index.js | 2 +- src/_containers/LoginPage/components/Login.scss | 14 ++++++++++---- .../RegisterPage/CreateAccount/index.js | 13 ++++++++++--- .../RegisterPage/CreateAccount/index.scss | 10 +++++++++- 8 files changed, 33 insertions(+), 12 deletions(-) create mode 100644 public/assets/images/avatar_female.png create mode 100644 public/assets/images/avatar_male.png diff --git a/public/assets/css/login.css b/public/assets/css/login.css index 9027b99..77892d9 100644 --- a/public/assets/css/login.css +++ b/public/assets/css/login.css @@ -179,7 +179,7 @@ h2.title { padding: 0 10px; } .login-form-container { - padding: 100px 16px 40px; + padding: 0px 16px 40px; } .res-form-container { padding: 100px 10px 40px; diff --git a/public/assets/css/responsive.css b/public/assets/css/responsive.css index 9589815..9020760 100644 --- a/public/assets/css/responsive.css +++ b/public/assets/css/responsive.css @@ -2713,9 +2713,9 @@ /* end region avatar rank */ - .responsive_small_screen_margin_login { + /* .responsive_small_screen_margin_login { margin-top: -30px !important; - } + } */ .register_account_type .account_content { margin-bottom: 0 !important; diff --git a/public/assets/images/avatar_female.png b/public/assets/images/avatar_female.png new file mode 100644 index 0000000000000000000000000000000000000000..7dc7ca54d4d6f4e3679d931286ce5e259e1dce4a GIT binary patch literal 12097 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 literal 0 HcmV?d00001 diff --git a/public/assets/images/avatar_male.png b/public/assets/images/avatar_male.png new file mode 100644 index 0000000000000000000000000000000000000000..ff26e0667ee195f9814215dace036e052ee6e3f1 GIT binary patch literal 10348 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
Logo Sun-E
diff --git a/src/_containers/LoginPage/components/Login.scss b/src/_containers/LoginPage/components/Login.scss index fd8293b..45b4ed5 100644 --- a/src/_containers/LoginPage/components/Login.scss +++ b/src/_containers/LoginPage/components/Login.scss @@ -1,3 +1,5 @@ +@import "/src/_styles/mixin"; + $green: #00b9b7; $bg-color: #f3ffff; $bg-fb: #1b75bb; @@ -15,14 +17,18 @@ $loading-color: #f8f8f8; margin-top: 50px; max-width: 450px; - @media screen and (max-height: 800px) { - margin-top: -145px; - } + // @media screen and (max-height: 800px) { + // margin-top: -145px; + // } .title { font-size: 32px; text-transform: uppercase; - margin-bottom: 22px; + margin-bottom: 34px; + + @include screen_mobile { + margin-bottom: 22px; + } } .password_options { diff --git a/src/_containers/RegisterPage/CreateAccount/index.js b/src/_containers/RegisterPage/CreateAccount/index.js index b290676..f62b7d6 100644 --- a/src/_containers/RegisterPage/CreateAccount/index.js +++ b/src/_containers/RegisterPage/CreateAccount/index.js @@ -11,6 +11,7 @@ import { useDispatch, useSelector } from "react-redux"; import { Alert } from "../../../_components/Alert"; import { userConstants } from "../../../_constants"; import { alertActions } from "../../../_actions"; +import { isEmail } from "../../../_helpers/validateEmail"; const CreateAccount = () => { const params = new URL(document.location).searchParams; @@ -63,6 +64,12 @@ const CreateAccount = () => { } } + const checkEmail = () => { + if (!isEmail(email)) { + setEmailError("Định dạng email không đúng"); + } + }; + const checkPw = () => { if (password.length < 6 || password.trim() === "") { setPwError("Mật khẩu cần tối thiểu 6 kí tự và không gồm toàn dấu cách"); @@ -135,9 +142,9 @@ const CreateAccount = () => { const onBlurField = (type) => { switch (type) { case "email": { - // if (email && !emailError) { - // checkEmail(); - // } + if (email && !emailError) { + checkEmail(); + } return; } case "password": { diff --git a/src/_containers/RegisterPage/CreateAccount/index.scss b/src/_containers/RegisterPage/CreateAccount/index.scss index 35813dd..1e0aff3 100644 --- a/src/_containers/RegisterPage/CreateAccount/index.scss +++ b/src/_containers/RegisterPage/CreateAccount/index.scss @@ -71,7 +71,11 @@ .title { font-size: 32px; text-transform: uppercase; - margin-bottom: 22px; + margin-bottom: 34px; + + @include screen_mobile { + margin-bottom: 22px; + } } .button_submit { @@ -130,4 +134,8 @@ padding: 2px; border: 2px solid #00b9b7; } + + .input_date_base_container { + flex: 1; + } } \ No newline at end of file