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) => { const onViewSearchItem = (item: SearchItem) => {
setSecondaryContent(<div>Secondary Content {item.label}</div>); setSecondaryContent(<div>Secondary Content {item.label}</div>);
setOpen(true); setOpen(true);
// setAddInSecondaryLabel(true);
}; };
const searchItems: SearchItems[] = mockSearchItems.map((item) => ({ const searchItems: SearchItems[] = mockSearchItems.map((item) => ({
@ -96,7 +95,6 @@ export const Default: Story = {
onViewSearchItem={onViewSearchItem} onViewSearchItem={onViewSearchItem}
onSearchChange={() => { onSearchChange={() => {
setOpen(false); setOpen(false);
// setAddInSecondaryLabel(false);
}} }}
openSecondaryContent={open} openSecondaryContent={open}
secondaryContent={secondaryContent} 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, onSelectGlobal,
}: Pick<SearchModalContentProps<M, T>, 'searchItems' | 'onViewSearchItem'> & CommonProps<M, T>) => { }: Pick<SearchModalContentProps<M, T>, 'searchItems' | 'onViewSearchItem'> & CommonProps<M, T>) => {
return ( 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) => ( {searchItems.map((item, index) => (
<ItemsSelecter <ItemsSelecter
key={keyExtractor(item, index)} key={keyExtractor(item, index)}
@ -68,7 +68,7 @@ const SearchItemComponent = <M, T extends string>(item: SearchItem<M, T> & Commo
return ( return (
<Command.Item <Command.Item
className={cn( className={cn(
'min-h-9 px-4 flex items-center', 'min-h-9 px-4 flex items-center rounded',
secondaryLabel && 'min-h-13.5', secondaryLabel && 'min-h-13.5',
'data-[selected=true]:bg-item-hover data-[selected=true]:text-foreground', 'data-[selected=true]:bg-item-hover data-[selected=true]:text-foreground',
!disabled ? 'cursor-pointer' : 'cursor-not-allowed', !disabled ? 'cursor-pointer' : 'cursor-not-allowed',
@ -81,7 +81,8 @@ const SearchItemComponent = <M, T extends string>(item: SearchItem<M, T> & Commo
{icon && ( {icon && (
<span <span
className={cn( 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' secondaryLabel && 'self-start mt-2.5'
)} )}
> >