Ling0925
/
buster
mirror of https://github.com/buster-so/buster.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Stylize the select

This commit is contained in:
Nate Kelley 2025-10-06 16:29:18 -06:00
parent 7d2d9a9d46
commit b7907cdd1e
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/ui/search/SearchModal/SearchModalContent.stories.tsx
View File

@ -77,7 +77,6 @@ export const Default: Story = {
const onViewSearchItem = (item: SearchItem) => {
setSecondaryContent(<div>Secondary Content {item.label}</div>);
setOpen(true);
// setAddInSecondaryLabel(true);
};
const searchItems: SearchItems[] = mockSearchItems.map((item) => ({
@ -96,7 +95,6 @@ export const Default: Story = {
onViewSearchItem={onViewSearchItem}
onSearchChange={() => {
setOpen(false);
// setAddInSecondaryLabel(false);
}}
openSecondaryContent={open}
secondaryContent={secondaryContent}

7
apps/web/src/components/ui/search/SearchModal/SearchModalContentItems.tsx
View File

@ -19,7 +19,7 @@ export const SearchModalContentItems = <M, T extends string>({
onSelectGlobal,
}: Pick<SearchModalContentProps<M, T>, 'searchItems' | 'onViewSearchItem'> & CommonProps<M, T>) => {
return (
<Command.List className={cn('flex flex-col overflow-y-auto flex-1')}>
<Command.List className={cn('flex flex-col overflow-y-auto flex-1 px-3 pt-1.5 pb-1.5')}>
{searchItems.map((item, index) => (
<ItemsSelecter
key={keyExtractor(item, index)}
@ -68,7 +68,7 @@ const SearchItemComponent = <M, T extends string>(item: SearchItem<M, T> & Commo
return (
<Command.Item
className={cn(
'min-h-9 px-4 flex items-center',
'min-h-9 px-4 flex items-center rounded',
secondaryLabel && 'min-h-13.5',
'data-[selected=true]:bg-item-hover data-[selected=true]:text-foreground',
!disabled ? 'cursor-pointer' : 'cursor-not-allowed',
@ -81,7 +81,8 @@ const SearchItemComponent = <M, T extends string>(item: SearchItem<M, T> & Commo
{icon && (
<span
className={cn(
'text-icon-color text-center group-hover:text-foreground size-4 text-icon-size',
'text-center group-hover:text-foreground size-4 text-icon-size text-icon-color',
'data-[selected=true]:text-foreground',
secondaryLabel && 'self-start mt-2.5'
)}
>