fix(ui): fix bg color of search bar (#2775)

* fix(ui): fix bg color of search bar * update * [autofix.ci] apply automated fixes --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
TabbyML · Aug 2, 2024 · 61f748a · 61f748a
1 parent ae385b7
commit 61f748a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/ee/tabby-ui/app/files/components/code-search-bar.tsx b/ee/tabby-ui/app/files/components/code-search-bar.tsx
@@ -268,7 +268,7 @@ export const CodeSearchBar: React.FC<CodeSearchBarProps> = ({ className }) => {
           </div>
           {!query && (
             <div
-              className="absolute left-3 top-1.5 select-none text-muted-foreground"
+              className="absolute left-3 top-1.5 cursor-text select-none text-muted-foreground"
               onClick={e => {
                 e.preventDefault()
                 inputRef.current?.focus()
@@ -308,7 +308,7 @@ export const CodeSearchBar: React.FC<CodeSearchBarProps> = ({ className }) => {
         {isOpen && (
           <div
             className={cn(
-              'absolute -inset-x-3 -top-2 flex max-h-[60vh] flex-col overflow-hidden rounded-lg border bg-popover p-4 shadow-2xl',
+              'absolute -inset-x-3 -top-2.5 flex max-h-[60vh] flex-col overflow-hidden rounded-lg border bg-background p-4 shadow-2xl dark:border-2 dark:border-[#33363c] dark:bg-[hsl(0,0,13.5%)]',
               {
                 'pb-0.5': noOptions
               }
@@ -343,7 +343,7 @@ export const CodeSearchBar: React.FC<CodeSearchBarProps> = ({ className }) => {
                       <div
                         key={item.repositorySearch?.path}
                         className={cn(
-                          'relative flex cursor-default select-none items-center gap-1 rounded-sm px-2 py-1.5 text-sm outline-none',
+                          'relative flex cursor-default select-none items-center gap-1 rounded-sm px-2 py-1.5 text-sm',
                           highlighted &&
                             'cursor-pointer bg-accent text-accent-foreground'
                         )}