fix bug 1207

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;

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;

src/_containers/HomePage/index.js

@@ -84,7 +84,7 @@ export default function HomePage() {
             <div className="box-info-agency box-info">
               <div className="avatar-agency">
                 <img
-                  src="https://www.svgrepo.com/show/384674/account-avatar-profile-user-11.svg"
+                  src={authentication?.gender === 'male' ? "/assets/images/avatar_male.png" : "/assets/images/avatar_female.png"}
                   alt="Logo Sun-E"
                 />
               </div>

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 {

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": {

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;
+    }
 }