dark mode +
This commit is contained in:
@@ -65,7 +65,8 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
|
||||
const selectedOption = options.find((x) => x.id === selectedId);
|
||||
const activeIcon = selectedOption?.icon && React.createElement(selectedOption.icon, {
|
||||
size: 16,
|
||||
className: "inline-block mr-1 stroke-primary"
|
||||
color: "currentColor",
|
||||
className: "inline-block mr-1 text-primary dark:text-foreground"
|
||||
});
|
||||
const activeImage = selectedOption?.imagePath && (
|
||||
<Image
|
||||
@@ -73,7 +74,7 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
|
||||
alt=""
|
||||
width={20}
|
||||
height={20}
|
||||
className="inline-block mr-1"
|
||||
className="inline-block mr-1 dark:brightness-0 dark:invert"
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -133,7 +134,7 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
|
||||
) : activeIcon ? (
|
||||
activeIcon
|
||||
) : (
|
||||
Icon && <Icon size={16} className="inline-block mr-1 stroke-primary" />
|
||||
Icon && <Icon size={16} color="currentColor" className="inline-block mr-1 text-primary dark:text-foreground" />
|
||||
)
|
||||
}
|
||||
<span className={clsx(
|
||||
@@ -190,11 +191,12 @@ function Combobox({ title, options, placeholder, icon: Icon, expanded, selectedI
|
||||
alt=""
|
||||
width={16}
|
||||
height={16}
|
||||
className="inline-block mr-1"
|
||||
className="inline-block mr-1 dark:brightness-0 dark:invert"
|
||||
/>
|
||||
) : v?.icon && React.createElement(v.icon, {
|
||||
size: 16,
|
||||
className: "inline-block mr-1 stroke-primary"
|
||||
color: "currentColor",
|
||||
className: "inline-block mr-1 text-primary dark:text-foreground"
|
||||
})
|
||||
}
|
||||
<span className="text-sm2 tracking-[0.13px] leading-5 w-full mt-1">{v.title}</span>
|
||||
|
||||
Reference in New Issue
Block a user