小屏时登录注册页添加logo

src/modules/loginRegister/LoginRegisterPage.jsx

@@ -3,6 +3,7 @@ import Login from "./Login";
 import Register from "./Register";
 import ResetPassword from "./ResetPassword";
 import logo from './img/logo.svg';
+import logo1 from './img/gitlinkLogo.png';
 import banner from './img/banner.png';
 import ball from './img/ball.png';
 import img1 from './img/img1.png';
@@ -21,6 +22,7 @@ function LoginRegisterPage(props){
         </div>
       </div>
       <div className="login_register_right">
+        <img src={logo1} className="logoInSmall" alt="" onClick={()=>{window.location.href='/'}} />
         {props.location.pathname === "/resetPassword" ? 
           <ResetPassword mygetHelmetapi={mygetHelmetapi}/>
           : 

src/modules/loginRegister/LoginRegisterPage.scss

@@ -48,6 +48,9 @@
 .login_register_right{
   height: 100%;
   background-image: url(./img/rightBg.png);
+  .logoInSmall{
+    display: none;
+  }
   .img1{
     width: 15vw;
     margin-top: 40vh;
@@ -251,33 +254,31 @@
   .login_register_left{
     display: none;
   }
-  .login_register_right .right_cont{
-    left: 20vw;
-  }
   .login_register_right{
+    .right_cont{
+      position: static;
+      margin: 0 auto;
+      width: fit-content;
+    }
     .img1, .img2{
       display: none;
     }
+    .logoInSmall{
+      display: block;
+      margin: 30px auto;
+    }
   }
   
 }
 
 @media screen and (max-width:500px) {
-  .login_register_right>div{
-    padding-top: 30%;
-  }
   .login_register_right .right_cont{
-    // left: 10vw;
-    // padding: 20px;
-    // top: 40%;
-    position: static;
-    margin: 0 auto;
     padding: 20px;
+    width: auto;
   }
 }
 @media screen and (max-width:360px) {
   .login_register_right .right_cont{
-    // left: 0;
     .login_register_head>span:first-child{
       font-size: 1.2em;
     }