fix(ui): add max-width 280px to tabs with text truncation

2026-01-27 14:01:04 +00:00
parent 2d0049f0d9
commit c68261fc06
3 changed files with 8 additions and 4 deletions
--- a/packages/ui/src/components/tabs.css
+++ b/packages/ui/src/components/tabs.css
@@ -54,6 +54,7 @@

    white-space: nowrap;
    flex-shrink: 0;
+    max-width: 280px;
    border-bottom: 1px solid var(--border-weak-base);
    border-right: 1px solid var(--border-weak-base);
    background-color: var(--background-base);
@@ -62,8 +63,11 @@
      display: flex;
      align-items: center;
      justify-content: center;
-      padding: 14px 24px;
+      padding: 14px 24px 14px 12px;
      outline: none;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;

      &:focus-visible {
        outline: none;