From 94a7e01c4ee41241093c79811807a57b32c51ad7 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Thu, 11 May 2023 14:27:35 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E6=94=B9=E6=96=87=E6=9C=AC?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E5=99=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/preview/SimTextPreview.vue | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/components/preview/SimTextPreview.vue b/src/components/preview/SimTextPreview.vue
index a74e99e..9f97559 100644
--- a/src/components/preview/SimTextPreview.vue
+++ b/src/components/preview/SimTextPreview.vue
@@ -57,9 +57,12 @@
             :title="lightTheme?'暗色':'亮色'"
             @click="skinning"
           />
-          <button class="title-extension-button" @click="fullScreen" size="small">
+          <button class="title-extension-button" @click="fullScreen">
             <svg-icon :icon-class="fullscreen?'normalscreen':'fullscreen'"></svg-icon>
           </button>
+          <button class="title-extension-button" @click="closeDialog">
+            <i class="el-dialog__close el-icon el-icon-close"></i>
+          </button>
         </div>
       </div>
       <div class="content" :style="{height: editorHieght+26+'px'}">
@@ -990,22 +993,18 @@
     }
 
     .el-dialog__header {
-      padding: 5px 20px 5px;
+      padding: 5px 10px 5px;
       overflow: hidden;
 
       .el-dialog__headerbtn {
-        top: 12px;
-        right: 16px;
-        .el-dialog__close {
-          font-size: 26px;
-        }
+        display: none;
       }
       .title-name {
         line-height: 34px;
       }
       .title-extension {
         float: right;
-        margin-right: 30px;
+        margin-right: 0;
         margin-top: 3px;
         display: -webkit-box;
         display: -ms-flexbox;
@@ -1015,7 +1014,7 @@
         justify-content: flex-end;
 
         .title-extension-button {
-          padding: 5px;
+          padding: 0;
           margin-left: 15px;
           background: 0 0;
           border: none;
@@ -1028,6 +1027,12 @@
           .svg-icon:hover {
             color: #409EFF;
           }
+          .el-icon-close {
+            font-size: 28px;
+          }
+          .el-icon-close:hover {
+            color: #409EFF;
+          }
         }
 
       }