From e2d39b9ed0248e1628415c699330b798121ab424 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Mon, 27 Mar 2023 23:07:32 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=80=82=E9=85=8D=20(#425)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/login/index.vue | 32 +++++++++++++++++-------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 428570c8b..9428a91f3 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -1,11 +1,11 @@
 <template>
     <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="login-wrapper" v-if="screenWidth > 1110">
                 <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">
@@ -89,10 +89,10 @@ onMounted(() => {
         padding-top: 8%;
         width: 80%;
         margin: 0 auto;
-        @media only screen and (max-width: 1440px) {
-            width: 100%;
-            padding-top: 6%;
-        }
+        // @media only screen and (max-width: 1440px) {
+        //     width: 100%;
+        //     padding-top: 6%;
+        // }
         .left {
             vertical-align: middle;
             text-align: right;
@@ -100,6 +100,9 @@ onMounted(() => {
             img {
                 object-fit: contain;
                 width: 100%;
+                @media only screen and (min-width: 1440px) {
+                    width: 85%;
+                }
             }
         }
         .right {
@@ -109,17 +112,18 @@ onMounted(() => {
     }
 
     .login-title {
-        margin-left: 10%;
+        text-align: right;
+        margin-right: 10%;
         span:first-child {
             color: $primary-color;
             font-size: 40px;
             font-family: pingFangSC-Regular;
             font-weight: 600;
-            @media only screen and (max-width: 1440px) {
-                margin-left: 0;
-            }
+            // @media only screen and (max-width: 1440px) {
+            //     margin-left: 0;
+            // }
         }
-        @media only screen and (max-width: 1000px) {
+        @media only screen and (max-width: 1110px) {
             margin-bottom: 20px;
             font-size: 35px;
             text-align: center;
@@ -137,7 +141,7 @@ onMounted(() => {
         @media only screen and (max-width: 1440px) {
             margin-top: 60px;
         }
-        @media only screen and (max-width: 1000px) {
+        @media only screen and (max-width: 1110px) {
             margin: 60px auto 0;
         }
     }