diff options
| author | David Hill <[email protected]> | 2026-01-27 14:01:04 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-27 14:04:10 +0000 |
| commit | c68261fc067c148c3b986441f4173e4bcb6d3fa9 (patch) | |
| tree | 316a9418453a1fb32513515ece8811105bc53004 /packages/app/src/components/session | |
| parent | 2d0049f0d9d20976543454cd9f844112eb8f1cd4 (diff) | |
| download | opencode-c68261fc067c148c3b986441f4173e4bcb6d3fa9.tar.gz opencode-c68261fc067c148c3b986441f4173e4bcb6d3fa9.zip | |
fix(ui): add max-width 280px to tabs with text truncation
Diffstat (limited to 'packages/app/src/components/session')
| -rw-r--r-- | packages/app/src/components/session/session-sortable-tab.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/app/src/components/session/session-sortable-tab.tsx b/packages/app/src/components/session/session-sortable-tab.tsx index aa8b179bb..06609fcfb 100644 --- a/packages/app/src/components/session/session-sortable-tab.tsx +++ b/packages/app/src/components/session/session-sortable-tab.tsx @@ -11,7 +11,7 @@ import { useLanguage } from "@/context/language" export function FileVisual(props: { path: string; active?: boolean }): JSX.Element { return ( - <div class="flex items-center gap-x-1.5"> + <div class="flex items-center gap-x-1.5 min-w-0"> <FileIcon node={{ path: props.path, type: "file" }} classList={{ @@ -19,7 +19,7 @@ export function FileVisual(props: { path: string; active?: boolean }): JSX.Eleme "grayscale-0": props.active, }} /> - <span class="text-14-medium">{getFilename(props.path)}</span> + <span class="text-14-medium truncate">{getFilename(props.path)}</span> </div> ) } |