From 4eb15744a64ce688857deb1a9d51a6297253bb74 Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Wed, 24 Apr 2024 21:50:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E4=B8=BB=E9=A2=98?=
 =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/LayoutSetting.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/components/common/LayoutSetting.vue b/src/components/common/LayoutSetting.vue
index c22977a..137493b 100644
--- a/src/components/common/LayoutSetting.vue
+++ b/src/components/common/LayoutSetting.vue
@@ -10,18 +10,14 @@
   <div>
     <n-tooltip trigger="hover" placement="left">
       <template #trigger>
-        <i class="i-fe:settings cursor-pointer text-32 color-primary" @click="modalRef.open()" />
+        <div class="f-c-c rounded-4 bg-primary p-8" @click="modalRef.open()">
+          <i class="i-fe:settings cursor-pointer bg-white text-20" />
+        </div>
       </template>
       布局设置
     </n-tooltip>
 
-    <MeModal
-      ref="modalRef"
-      title="布局设置"
-      :show-footer="false"
-      width="600px"
-      :modal-style="{ opacity: 0.85 }"
-    >
+    <MeModal ref="modalRef" title="布局设置" :show-footer="false" width="600px">
       <n-space justify="space-between">
         <div class="flex-col cursor-pointer justify-center" @click="appStore.setLayout('simple')">
           <div class="flex">