fix(ui): adjust style of selected repository (#2078)

TabbyML · May 9, 2024 · 4f6d830 · 4f6d830
1 parent d5e08e1
commit 4f6d830
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/ee/tabby-ui/app/files/components/file-tree-header.tsx b/ee/tabby-ui/app/files/components/file-tree-header.tsx
@@ -208,13 +208,20 @@ const FileTreeHeader: React.FC<FileTreeHeaderProps> = ({
           value={repositorySpecifier}
         >
           <SelectTrigger>
-            <SelectValue>
-              <div className="flex items-center gap-2">
-                <RepositoryKindIcon
-                  kind={repositoryKind}
-                  fallback={<IconFolderGit />}
-                />
-                <span className={repositoryName ? '' : 'text-muted-foreground'}>
+            <SelectValue asChild>
+              <div className="flex items-center gap-2 overflow-hidden">
+                <div className="shrink-0">
+                  <RepositoryKindIcon
+                    kind={repositoryKind}
+                    fallback={<IconFolderGit />}
+                  />
+                </div>
+                <span
+                  className={cn(
+                    'truncate',
+                    !repositoryName && 'text-muted-foreground'
+                  )}
+                >
                   {repositoryName || 'Pick a repository'}
                 </span>
               </div>