From 941d1e76154b65442cb6d2fc62c6eab13a9d19d8 Mon Sep 17 00:00:00 2001
From: "Captain.B" <bin@fit2cloud.com>
Date: Sat, 3 Jul 2021 12:12:50 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=99=BB=E5=BD=95=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E5=B1=85=E4=B8=AD=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/login/Login.vue | 38 +++++++++++++++++++++++-------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/frontend/src/login/Login.vue b/frontend/src/login/Login.vue
index 5468b923da..1c4d42a9b8 100644
--- a/frontend/src/login/Login.vue
+++ b/frontend/src/login/Login.vue
@@ -2,17 +2,15 @@
   <div class="container" v-if="ready">
     <el-row type="flex">
       <el-col :span="12">
-
-        <div class="title">
-          <div class="title-img">
-            <img :src="'/display/file/loginLogo'" alt="">
-          </div>
-          <div class="welcome">
-            <span>{{ loginTitle }}</span>
-          </div>
-        </div>
-
         <div class="content">
+          <div class="title">
+            <div class="title-img">
+              <img :src="'/display/file/loginLogo'" alt="">
+            </div>
+            <div class="welcome">
+              <span>{{ loginTitle }}</span>
+            </div>
+          </div>
           <div class="form">
             <el-form :model="form" :rules="rules" ref="form">
               <el-form-item v-slot:default>
@@ -29,7 +27,8 @@
                           autocomplete="off"/>
               </el-form-item>
               <el-form-item prop="password">
-                <el-input v-model="form.password" :placeholder="$t('commons.password')" show-password autocomplete="off"
+                <el-input v-model="form.password" :placeholder="$t('commons.password')" show-password
+                          autocomplete="off"
                           maxlength="30" show-word-limit/>
               </el-form-item>
             </el-form>
@@ -48,7 +47,9 @@
       <div class="divider"/>
 
       <el-col :span="12">
-        <img class="login-image" :src="'/display/file/loginImage'" alt="">
+        <div class="content">
+          <img class="login-image" :src="'/display/file/loginImage'" alt="">
+        </div>
       </el-col>
 
     </el-row>
@@ -214,11 +215,20 @@ export default {
 <style scoped>
 .container {
   width: 1200px;
-  height: 810px;
-  margin: calc((100vh - 860px) / 2) auto 0;
+  height: 730px;
+  margin: 0 auto;
   background-color: #FFFFFF;
 }
 
+.content {
+  margin-left: 10px;
+}
+
+.el-row--flex {
+  height: 730px;
+  margin-top: calc((100vh - 800px) / 2);
+}
+
 .el-col:nth-child(3) {
   align-items: center;
   display: flex;