fix

src/layout/tab.vue

@@ -90,6 +90,19 @@ const openTabContextMenu = (event: MouseEvent, tabId: string) => {
   tabContextX.value = event.clientX
   tabContextY.value = event.clientY
   tabContextOpen.value = true
+  void nextTick(() => {
+    if (!tabContextRef.value) return
+    const gap = 8
+    const rect = tabContextRef.value.getBoundingClientRect()
+    if (tabContextX.value + rect.width + gap > window.innerWidth) {
+      tabContextX.value = Math.max(gap, window.innerWidth - rect.width - gap)
+    }
+    if (tabContextY.value + rect.height + gap > window.innerHeight) {
+      tabContextY.value = Math.max(gap, window.innerHeight - rect.height - gap)
+    }
+    if (tabContextX.value < gap) tabContextX.value = gap
+    if (tabContextY.value < gap) tabContextY.value = gap
+  })
 }
 
 const handleGlobalMouseDown = (event: MouseEvent) => {
@@ -456,32 +469,32 @@ watch(
     <div
       v-if="tabContextOpen"
       ref="tabContextRef"
-      class="fixed z-[70] min-w-[150px] rounded-md border bg-background p-1 shadow-lg"
+      class="fixed z-[70] w-max rounded-lg border border-border/80 bg-background/95 p-1.5 shadow-xl ring-1 ring-black/5 backdrop-blur-sm"
       :style="{ left: `${tabContextX}px`, top: `${tabContextY}px` }"
     >
       <button
-        class="w-full rounded px-3 py-1.5 text-left text-sm hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50"
+        class="flex cursor-pointer items-center whitespace-nowrap rounded-md px-3 py-1.5 text-left text-sm transition-colors hover:bg-muted/80 disabled:cursor-not-allowed disabled:opacity-50"
         :disabled="!hasClosableTabs"
         @click="runTabMenuAction('all')"
       >
         删除所有
       </button>
       <button
-        class="w-full rounded px-3 py-1.5 text-left text-sm hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50"
+        class="mt-0.5 flex cursor-pointer items-center whitespace-nowrap rounded-md px-3 py-1.5 text-left text-sm transition-colors hover:bg-muted/80 disabled:cursor-not-allowed disabled:opacity-50"
         :disabled="!canCloseLeft"
         @click="runTabMenuAction('left')"
       >
         删除左侧
       </button>
       <button
-        class="w-full rounded px-3 py-1.5 text-left text-sm hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50"
+        class="mt-0.5 flex cursor-pointer items-center whitespace-nowrap rounded-md px-3 py-1.5 text-left text-sm transition-colors hover:bg-muted/80 disabled:cursor-not-allowed disabled:opacity-50"
         :disabled="!canCloseRight"
         @click="runTabMenuAction('right')"
       >
         删除右侧
       </button>
       <button
-        class="w-full rounded px-3 py-1.5 text-left text-sm hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50"
+        class="mt-0.5 flex cursor-pointer items-center whitespace-nowrap rounded-md px-3 py-1.5 text-left text-sm transition-colors hover:bg-muted/80 disabled:cursor-not-allowed disabled:opacity-50"
         :disabled="!canCloseOther"
         @click="runTabMenuAction('other')"
       >