From b1cc7c0c1d75bac2f3ef9c5fe134c5c2029181d1 Mon Sep 17 00:00:00 2001
From: wangdan <dan.wang@fit2cloud.com>
Date: Mon, 20 Feb 2023 19:13:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/login/index.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 87f64d371..7b4062762 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -2,10 +2,10 @@
     <div>
         <div class="login-backgroud" v-if="statusCode == 1">
             <div class="login-wrapper" v-if="screenWidth > 1000">
+                <div class="login-title">
+                    <span>{{ $t('commons.login.title') }}</span>
+                </div>
                 <div class="left inline-block">
-                    <div class="login-title">
-                        <span>{{ $t('commons.login.title') }}</span>
-                    </div>
                     <img src="@/assets/images/1Panel-login.png" alt="" />
                 </div>
                 <div class="right inline-block">
@@ -95,11 +95,12 @@ onMounted(() => {
         rgba(0, 57, 142, 0.05);
 
     .login-wrapper {
-        padding-top: 10%;
+        padding-top: 8%;
         width: 80%;
         margin: 0 auto;
-        @media only screen and (max-width: 1280px) {
+        @media only screen and (max-width: 1440px) {
             width: 100%;
+            padding-top: 6%;
         }
         .left {
             vertical-align: middle;
@@ -118,14 +119,15 @@ onMounted(() => {
 
     .login-title {
         // margin-top: 10%;
-        margin-right: 15%;
+        // margin-right: 15%;
+        margin-left: 10%;
         span:first-child {
             color: $primary-color;
             font-size: 40px;
             font-family: pingFangSC-Regular;
             font-weight: 600;
             @media only screen and (max-width: 1440px) {
-                font-size: 38px;
+                margin-left: 0;
             }
         }
         @media only screen and (max-width: 1000px) {
@@ -146,10 +148,10 @@ onMounted(() => {
         border-radius: 4px;
         box-shadow: 2px 4px 22px rgba(0, 94, 235, 0.2);
         @media only screen and (max-width: 1440px) {
-            margin-top: 100px;
+            margin-top: 60px;
         }
         @media only screen and (max-width: 1000px) {
-            margin: 0 auto;
+            margin: 60px auto 0;
         }
     }
 }