From 16749186feee53e8f5ee7efea2092b4595c74062 Mon Sep 17 00:00:00 2001
From: jingrow <support@jingrow.com>
Date: Sun, 28 Dec 2025 02:07:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BE=8E=E5=8C=96=E5=B7=A6=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E5=90=8E=E9=BC=A0=E6=A0=87=E6=82=AC=E6=B5=AE?=
 =?UTF-8?q?tooltip=E8=83=8C=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dashboard/src2/App.vue                   | 40 ++++++++++++++++++++----
 dashboard/src2/components/AppSidebar.vue |  4 ++-
 2 files changed, 37 insertions(+), 7 deletions(-)

diff --git a/dashboard/src2/App.vue b/dashboard/src2/App.vue
index 9e6c20c..ca7c5a8 100644
--- a/dashboard/src2/App.vue
+++ b/dashboard/src2/App.vue
@@ -1,6 +1,7 @@
 <template>
-	<div class="relative flex h-full flex-col">
-		<n-layout class="h-full" has-sider>
+	<n-config-provider :theme-overrides="themeOverrides" class="h-full">
+		<div class="relative flex h-full flex-col">
+			<n-layout class="h-full" has-sider>
 			<n-layout-sider
 				v-if="!isSignupFlow && !$isMobile && !isHideSidebar && $session.user"
 				bordered
@@ -39,14 +40,15 @@
 				</div>
 			</n-layout>
 		</n-layout>
-		<Toaster position="top-right" />
-		<component v-for="dialog in dialogs" :is="dialog" :key="dialog.id" />
-	</div>
+			<Toaster position="top-right" />
+			<component v-for="dialog in dialogs" :is="dialog" :key="dialog.id" />
+		</div>
+	</n-config-provider>
 </template>
 
 <script setup>
 import { defineAsyncComponent, computed, watch, ref, provide, onMounted } from 'vue';
-import { NLayout, NLayoutSider } from 'naive-ui';
+import { NLayout, NLayoutSider, NConfigProvider } from 'naive-ui';
 import { Toaster } from 'vue-sonner';
 import { dialogs } from './utils/components';
 import { useRoute } from 'vue-router';
@@ -63,6 +65,19 @@ const MobileNav = defineAsyncComponent(
 const route = useRoute();
 const team = getTeam();
 
+// Naive UI 主题配置 - 使用标准方式配置 tooltip
+const themeOverrides = {
+	Tooltip: {
+		color: '#fafafa',
+		textColor: '#4a5568',
+		padding: '6px 12px',
+		borderRadius: '8px',
+		boxShadow: '0 2px 8px rgba(0, 0, 0, 0.08)',
+		// 注意：Naive UI 的 theme-overrides 可能不直接支持箭头颜色
+		// 箭头颜色需要通过 CSS 覆盖
+	},
+};
+
 // 侧边栏折叠状态
 const sidebarCollapsed = ref(false);
 
@@ -176,4 +191,17 @@ provide('session', session);
 	/* 添加内容过渡效果 */
 	transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
 }
+
+/* 确保 n-config-provider 占满高度 */
+.n-config-provider {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+
+/* 确保侧边栏占满高度 */
+.app-sidebar-sider {
+	height: 100% !important;
+	min-height: 100vh !important;
+}
 </style>
diff --git a/dashboard/src2/components/AppSidebar.vue b/dashboard/src2/components/AppSidebar.vue
index f2c2949..bd1ea90 100644
--- a/dashboard/src2/components/AppSidebar.vue
+++ b/dashboard/src2/components/AppSidebar.vue
@@ -280,8 +280,10 @@ export default {
 <style scoped>
 /* 侧边栏容器 - 添加整体过渡 */
 .sidebar-container {
-	display: block;
+	display: flex;
+	flex-direction: column;
 	height: 100%;
+	min-height: 100%;
 	background: #fafafa;
 	/* 添加整体淡入淡出效果 */
 	opacity: 1;