From b70d4153a438c3a32bb80c9c51ff7658a488a77c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E4=B8=AB=E8=AE=B2=E6=A2=B5?= <eryajf@163.com>
Date: Tue, 8 Sep 2026 22:32:14 +0800
Subject: [PATCH] style(tabbar): improve tooltip wrapping and layout

---
 apps/desktop/src/components/layout/EditorGroupTabBar.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/src/components/layout/EditorGroupTabBar.vue b/apps/desktop/src/components/layout/EditorGroupTabBar.vue
index ed10e545fd..7fc06e1508 100644
--- a/apps/desktop/src/components/layout/EditorGroupTabBar.vue
+++ b/apps/desktop/src/components/layout/EditorGroupTabBar.vue
@@ -1461,10 +1461,10 @@ watch([() => props.specialPageTabs?.settingsActive, () => props.specialPageTabs?
                             </button>
                           </div>
                         </TooltipTrigger>
-                        <TooltipContent :side="tabTooltipSide" class="text-xs grid grid-cols-[auto_1fr] gap-x-2">
+                        <TooltipContent :side="tabTooltipSide" class="grid grid-cols-[auto_minmax(0,1fr)] items-start gap-x-2 text-xs">
                           <template v-for="line in tabTooltipLines(entry.tab, t)" :key="line.label">
-                            <span class="font-medium opacity-70">{{ line.label }}</span>
-                            <span>{{ line.value }}</span>
+                            <span class="whitespace-nowrap font-medium opacity-70">{{ line.label }}</span>
+                            <span class="min-w-0 break-all">{{ line.value }}</span>
                           </template>
                         </TooltipContent>
                       </Tooltip>