From 6472227b6b25af353e74ac5b2268c17efa2b990a Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <79562285+wangdan-fit2cloud@users.noreply.github.com>
Date: Thu, 30 Mar 2023 14:42:13 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BB=8E=E5=A4=A7=E5=B1=8F=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E5=B0=8F=E5=B1=8F=E5=A1=AB=E5=86=99=E4=BF=A1=E6=81=AF=E6=B6=88?=
 =?UTF-8?q?=E5=A4=B1=E9=97=AE=E9=A2=98=20(#450)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What this PR does / why we need it?

#### Summary of your change

#### Please indicate you've done the following:

- [ ] Made sure tests are passing and test coverage is added if needed.
- [ ] Made sure commit message follow the rule of [Conventional Commits specification](https://www.conventionalcommits.org/).
- [ ] Considered the docs impact and opened a new docs issue or PR with docs changes if needed.
---
 frontend/src/views/login/index.vue | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 9428a91f3..f466737c5 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -1,27 +1,19 @@
 <template>
     <div>
         <div class="login-backgroud" v-if="statusCode == 1">
-            <div class="login-wrapper" v-if="screenWidth > 1110">
-                <div class="left inline-block">
+            <div class="login-wrapper">
+                <div :class="screenWidth > 1110 ? 'left inline-block' : ''">
                     <div class="login-title">
                         <span>{{ $t('commons.login.title') }}</span>
                     </div>
-                    <img src="@/assets/images/1panel-login.png" alt="" />
+                    <img src="@/assets/images/1panel-login.png" alt="" v-if="screenWidth > 1110" />
                 </div>
-                <div class="right inline-block">
+                <div :class="screenWidth > 1110 ? 'right inline-block' : ''">
                     <div class="login-container">
                         <LoginForm ref="loginRef"></LoginForm>
                     </div>
                 </div>
             </div>
-            <div class="login-wrapper" v-else>
-                <div class="login-title">
-                    <span>{{ $t('commons.login.title') }}</span>
-                </div>
-                <div class="login-container">
-                    <LoginForm ref="loginRef"></LoginForm>
-                </div>
-            </div>
         </div>
         <div style="margin-left: 50px" v-if="statusCode == -1">
             <h1>{{ $t('commons.login.safeEntrance') }}</h1>