fix(ui): scope filetree pill tabs styling

2026-01-26 18:09:02 +00:00
parent d9a61cd94c
commit 0dcb850a7a
2 changed files with 28 additions and 1 deletions
--- a/packages/ui/src/components/tabs.css
+++ b/packages/ui/src/components/tabs.css
@@ -264,6 +264,27 @@
    }
  }

+  &[data-variant="pill"][data-orientation="horizontal"][data-scope="filetree"] {
+    [data-slot="tabs-list"] {
+      padding: 12px;
+      gap: 8px;
+    }
+
+    [data-slot="tabs-trigger-wrapper"] {
+      height: 26px;
+      border-radius: 6px;
+      color: var(--text-weak);
+
+      &:not(:has([data-selected])):hover:not(:disabled) {
+        color: var(--text-base);
+      }
+
+      &:has([data-selected]) {
+        color: var(--text-strong);
+      }
+    }
+  }
+
  &[data-orientation="vertical"] {
    flex-direction: row;