From c6027109b02d4d78c85394bf9a9025470ec05637 Mon Sep 17 00:00:00 2001
From: Cno <dsyourshy@qq.com>
Date: Sun, 5 Jun 2022 19:22:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/renderer/src/components/Home.vue | 50 ++++++++++++-----------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/packages/renderer/src/components/Home.vue b/packages/renderer/src/components/Home.vue
index 3954d60..4831240 100644
--- a/packages/renderer/src/components/Home.vue
+++ b/packages/renderer/src/components/Home.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="container">
     <HotUpdate/>
-    <img alt="Icon" src="../assets/favicon.ico" style="height: 64px;width: 64px;margin: 10% 55% 5% 45%"/>
+    <div class="flex-container" style="margin-top: 10%;margin-bottom: 5%">
+      <img alt="Icon" src="../assets/favicon.ico" style="height: 64px;width: 64px"/>
+    </div>
     <a-row type="flex">
       <a-col :span="2"/>
       <a-col :span="17">
@@ -83,22 +85,19 @@
       </a-col>
     </a-row>
 
-    <a-row style="height: 20%;padding-top: 10%">
-      <a-col :span="9"/>
-      <a-col :span="6" style="margin-left: 1%">
-        <a-space v-for="item of cookieStatus" class="status-bar" size="middle">
-          {{ item.name }}：{{ item.login ? item.nickName : "未登录" }}
-          <template v-if="item.login">
-            <check-circle-outlined style="color: #42b983"/>
-            <a-button size="small" @click="logout(item.name)">登出</a-button>
-          </template>
-          <template v-else>
-            <close-circle-outlined style="color: gray"/>
-            <a-button size="small" @click="login(item.name)">登录</a-button>
-          </template>
-        </a-space>
-      </a-col>
-    </a-row>
+    <div class="flex-container" style="margin-top: 10%">
+      <a-space v-for="item of cookieStatus" class="status-bar" size="middle">
+        {{ item.name }}：{{ item.login ? item.nickName : "未登录" }}
+        <template v-if="item.login">
+          <check-circle-outlined style="color: #42b983"/>
+          <a-button size="small" @click="logout(item.name)">登出</a-button>
+        </template>
+        <template v-else>
+          <close-circle-outlined style="color: gray"/>
+          <a-button size="small" @click="login(item.name)">登录</a-button>
+        </template>
+      </a-space>
+    </div>
 
   </div>
 </template>
@@ -359,11 +358,6 @@ onUnmounted(() => {
 </script>
 
 <style scoped>
-.logo-big {
-  width: 15vw;
-  height: 15vw;
-}
-
 .container {
   width: 100%;
   height: 100%;
@@ -373,7 +367,15 @@ onUnmounted(() => {
 }
 
 .status-bar {
-  margin-top: 5%;
-  margin-bottom: 5%;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.flex-container {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
 }
 </style>