From 2513e475be547a7c43baa5f5f4bfce734723d9b3 Mon Sep 17 00:00:00 2001
From: zclzone <zclzone@outlook.com>
Date: Sun, 30 Mar 2025 21:01:20 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20tooltip=E7=AE=AD=E5=A4=B4=E6=9C=AA?=
 =?UTF-8?q?=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

---
 src/components/common/ThemeSetting.vue | 28 ++++++++++++++------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/components/common/ThemeSetting.vue b/src/components/common/ThemeSetting.vue
index 17a7df5..d68697e 100644
--- a/src/components/common/ThemeSetting.vue
+++ b/src/components/common/ThemeSetting.vue
@@ -1,17 +1,19 @@
 <template>
-  <n-tooltip trigger="hover">
-    <template #trigger>
-      <n-color-picker
-        id="theme-setting"
-        class="mr-16 h-32 w-32"
-        :value="appStore.primaryColor"
-        :swatches="primaryColors"
-        :on-update:value="(v) => appStore.setPrimaryColor(v)"
-        :render-label="() => ''"
-      />
-    </template>
-    设置主题色
-  </n-tooltip>
+  <div class="f-c-c">
+    <n-tooltip trigger="hover" placement="bottom">
+      <template #trigger>
+        <n-color-picker
+          id="theme-setting"
+          class="h-32 w-32"
+          :value="appStore.primaryColor"
+          :swatches="primaryColors"
+          :on-update:value="(v) => appStore.setPrimaryColor(v)"
+          :render-label="() => ''"
+        />
+      </template>
+      设置主题色
+    </n-tooltip>
+  </div>
 </template>
 
 <script setup>