From 3c5550a5dbdbc7054e8f8501b3cb4abb95ced7c8 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Fri, 25 Feb 2022 17:49:25 +0800
Subject: [PATCH] perf: optimize the PostSettingModel component style
 (halo-dev/console#470)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 .../post/components/PostSettingModal.vue      | 31 +++++++++----------
 1 file changed, 15 insertions(+), 16 deletions(-)

diff --git a/src/views/post/components/PostSettingModal.vue b/src/views/post/components/PostSettingModal.vue
index 01d1d0176..2678b4b9f 100644
--- a/src/views/post/components/PostSettingModal.vue
+++ b/src/views/post/components/PostSettingModal.vue
@@ -80,21 +80,20 @@
               <a-input-password v-model="form.model.password" autocomplete="new-password" />
             </a-form-item>
             <a-form-item label="封面图：">
-              <div class="post-thumb">
-                <a-space direction="vertical">
-                  <img
-                    :src="form.model.thumbnail || '/images/placeholder.jpg'"
-                    alt="Post cover thumbnail"
-                    class="img"
-                    @click="attachmentSelectVisible = true"
-                  />
-                  <a-input
-                    v-model="form.model.thumbnail"
-                    allow-clear
-                    placeholder="点击封面图选择图片，或者输入外部链接"
-                  ></a-input>
-                </a-space>
-              </div>
+              <a-space direction="vertical">
+                <img
+                  :src="form.model.thumbnail || '/images/placeholder.jpg'"
+                  alt="Post cover thumbnail"
+                  class="w-1/2 cursor-pointer"
+                  style="border-radius: 4px"
+                  @click="attachmentSelectVisible = true"
+                />
+                <a-input
+                  v-model="form.model.thumbnail"
+                  allow-clear
+                  placeholder="点击封面图选择图片，或者输入外部链接"
+                ></a-input>
+              </a-space>
             </a-form-item>
           </a-form>
         </a-tab-pane>
@@ -125,7 +124,6 @@
     </div>
     <template slot="footer">
       <slot name="extraFooter" />
-      <a-button :disabled="loading" @click="modalVisible = false"> 关闭</a-button>
       <ReactiveButton
         v-if="!form.model.id"
         :errored="form.draftSaveErrored"
@@ -146,6 +144,7 @@
         @callback="handleSavedCallback"
         @click="handleCreateOrUpdate()"
       ></ReactiveButton>
+      <a-button :disabled="loading" @click="modalVisible = false">关闭</a-button>
     </template>
     <AttachmentSelectModal
       :multiSelect="false"