diff options
| author | Adam <[email protected]> | 2025-10-13 06:09:02 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-10-14 07:15:08 -0500 |
| commit | bb82d4309435f2052e98531e8d955198fb1c55ba (patch) | |
| tree | 9455ff36a5fec5d147425c2b2fae982a82b94fca /packages/desktop/src/components/select.tsx | |
| parent | 2893b6e3a58a25514bb8d75c68f893ea5f2b593a (diff) | |
| download | opencode-bb82d4309435f2052e98531e8d955198fb1c55ba.tar.gz opencode-bb82d4309435f2052e98531e8d955198fb1c55ba.zip | |
wip: desktop work
Diffstat (limited to 'packages/desktop/src/components/select.tsx')
| -rw-r--r-- | packages/desktop/src/components/select.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/packages/desktop/src/components/select.tsx b/packages/desktop/src/components/select.tsx index 3df8c9999..6ab3f4012 100644 --- a/packages/desktop/src/components/select.tsx +++ b/packages/desktop/src/components/select.tsx @@ -74,7 +74,7 @@ export function Select<T>(props: SelectProps<T> & ButtonProps) { [props.class ?? ""]: !!props.class, }} > - <KobalteSelect.Value<T>> + <KobalteSelect.Value<T> class="truncate"> {(state) => { const selected = state.selectedOption() ?? props.current if (!selected) return props.placeholder || "" @@ -84,10 +84,11 @@ export function Select<T>(props: SelectProps<T> & ButtonProps) { </KobalteSelect.Value> <KobalteSelect.Icon classList={{ - "size-fit shrink-0 text-text-muted transition-transform duration-100 data-[expanded]:rotate-180": true, + "group size-fit shrink-0 text-text-muted transition-transform duration-100": true, }} > - <Icon name="chevron-down" size={24} /> + <Icon name="chevron-up" size={16} class="-my-2 group-data-[expanded]:rotate-180" /> + <Icon name="chevron-down" size={16} class="-my-2 group-data-[expanded]:rotate-180" /> </KobalteSelect.Icon> </KobalteSelect.Trigger> <KobalteSelect.Portal> @@ -99,7 +100,7 @@ export function Select<T>(props: SelectProps<T> & ButtonProps) { "data-[expanded]:animate-in data-[expanded]:fade-in-0 data-[expanded]:zoom-in-95": true, }} > - <KobalteSelect.Listbox class="overflow-y-auto max-h-48" /> + <KobalteSelect.Listbox class="overflow-y-auto max-h-48 whitespace-nowrap overflow-x-hidden" /> </KobalteSelect.Content> </KobalteSelect.Portal> </KobalteSelect> |