From c1b20e0f9f4bd0a92495b8c9641e6be1e25eaa85 Mon Sep 17 00:00:00 2001
From: junjie <junjie.xia@fit2cloud.com>
Date: Wed, 26 May 2021 11:59:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(frontend):=E7=99=BB=E5=BD=95=E9=A1=B5UI?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/styles/variables.scss |  1 +
 frontend/src/views/login/index.vue | 21 +++++++++++----------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/frontend/src/styles/variables.scss b/frontend/src/styles/variables.scss
index 43c3745282..3272b606f7 100644
--- a/frontend/src/styles/variables.scss
+++ b/frontend/src/styles/variables.scss
@@ -39,6 +39,7 @@ $menuHover: rgba(158, 158, 158, 0.2);
 $subMenuBg:#1f2d3d;
 // $subMenuHover:#001528;
 $subMenuHover:#0a7be0;
+$colorBg:rgba(10,123,224,.1);
 
 $sideBarWidth: 210px;
 $topBarHeight: 56px;
diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 6ab7e6f6a9..cbf50f8a8a 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -8,7 +8,6 @@
               <img v-if="!loginLogoUrl" src="@/assets/DataEase-color.png" alt="">
               <img v-else :src="loginLogoUrl" alt="">
             </div>
-            <div class="login-border" />
             <div class="login-welcome">
               {{ $t('login.welcome') + (uiInfo && uiInfo['ui.title'] && uiInfo['ui.title'].paramValue || 'DATAEASE') }}
             </div>
@@ -180,9 +179,11 @@ export default {
     @media only screen and (max-width: 1280px) {
       margin-top: 20px;
     }
-
-    img {
-      height: 45px;
+    img{
+      width: 240px;
+      @media only screen and (max-width: 1280px) {
+        width: 200px;
+      }
     }
   }
 
@@ -210,9 +211,9 @@ export default {
   }
 
   .login-welcome {
-    margin-top: 50px;
+    margin-top: 20px;
     font-size: 14px;
-    color: #999999;
+    color: $--color-primary;
     letter-spacing: 0;
     line-height: 18px;
     text-align: center;
@@ -222,17 +223,17 @@ export default {
   }
 
   .login-form {
-    margin-top: 40px;
+    margin-top: 80px;
     padding: 0 40px;
 
     @media only screen and (max-width: 1280px) {
-      margin-top: 20px;
+      margin-top: 40px;
     }
 
     & ::v-deep .el-input__inner {
       border-radius: 20px;
       border: 1px solid transparent;
-      background: rgba(10,123,224,.1);
+      background: $colorBg;
     }
     & :focus {
       border: 1px solid $--color-primary;
@@ -240,7 +241,7 @@ export default {
   }
 
   .login-btn {
-    margin-top: 40px;
+    margin-top: 22px;
     padding: 0 40px;
     @media only screen and (max-width: 1280px) {
       margin-top: 20px;