admin-valentin/agent-ecosystem
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: adjust padding in Combobox component for improved UI consistency

Browse source 
- Updated padding classes in the Combobox component to enhance spacing and alignment.
- Adjusted the `CommandPrimitive.List` and option item styles for better visual consistency.

These changes aim to improve the overall user experience by refining the layout of the Combobox component.
This commit is contained in:
iliya 2026-02-23 11:38:53 +02:00
parent 55f7611b14
commit 1fde2f805a
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/renderer/components/ui/combobox.tsx
View file

@ -84,7 +84,7 @@ export const Combobox = ({
</div>
<CommandPrimitive.List
id={listboxId}
className="max-h-72 overflow-y-auto overscroll-contain p-1"
className="max-h-72 overflow-y-auto overscroll-contain px-2 py-1"
onWheel={(e) => e.stopPropagation()}
>
<CommandPrimitive.Empty className="px-2 py-4 text-center text-xs text-[var(--color-text-muted)]">
@ -111,7 +111,7 @@ export const Combobox = ({
setOpen(false);
setSearch('');
}}
className="relative flex w-full cursor-default select-none items-center rounded-sm px-2 py-1.5 text-xs outline-none data-[selected=true]:bg-[var(--color-surface-raised)] data-[selected=true]:text-[var(--color-text)]"
className="relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-0 pr-2 text-xs outline-none data-[selected=true]:bg-[var(--color-surface-raised)] data-[selected=true]:text-[var(--color-text)]"
>
{renderOption ? (
renderOption(option, isSelected, search)