inhji/chiya
inhji/chiya
1
1
Fork 0
Code Issues 8 Pull requests 9 Activity

fix kbar input theming

Browse source
This commit is contained in:
Inhji 2023-04-08 09:57:24 +02:00
parent 143dc9b747
commit 681b1eeb55
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
assets/js/kbar.js
View file

@ -84,8 +84,8 @@ const ResultItem = React.forwardRef(
className={classNames( className={classNames(
"flex justify-between items-center cursor-pointer px-4 py-3 dark:text-white", "flex justify-between items-center cursor-pointer px-4 py-3 dark:text-white",
{ {
"bg-emerald-50 dark:bg-emerald-900": active, "bg-gray-300 dark:bg-gray-600": active,
"border-l-2 border-emerald-300": active "border-l-2 border-gray-300": active
})} })}
> >
<div className="flex gap-3 items-center text-sm dark:text-white"> <div className="flex gap-3 items-center text-sm dark:text-white">
@ -257,7 +257,7 @@ export default function KBar() {
<KBarPortal> <KBarPortal>
<KBarPositioner> <KBarPositioner>
<KBarAnimator style={animatorStyle} className="bg-gray-50 border border-gray-100 shadow-sm dark:bg-gray-900 dark:border-gray-800"> <KBarAnimator style={animatorStyle} className="bg-gray-50 border border-gray-100 shadow-sm dark:bg-gray-900 dark:border-gray-800">
<KBarSearch style={searchStyle} className="bg-gray-50 dark:bg-gray-900 border-b border-gray-100" /> <KBarSearch style={searchStyle} className="bg-gray-50 dark:bg-gray-900 border-b border-gray-100 text-gray-900 dark:text-gray-100" />
<RenderResults /> <RenderResults />
</KBarAnimator> </KBarAnimator>
</KBarPositioner> </KBarPositioner>