refactor: search card bg color

sjdonado · May 7, 2024 · 440db3a · 440db3a
1 parent 109133d
commit 440db3a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
@@ -39,7 +39,7 @@ function Input({ onSearch, word }: { onSearch: (value: string) => void; word: st
         placeholder="Buscar palabra"
         value={word}
       />
-      <div className="flex h-12 items-center justify-center rounded-r-lg border border-l-0 border-gray-400 dark:border-gray-700">
+      <div className="flex h-12 items-center justify-center rounded-r-lg border border-l-0 border-gray-400 bg-white dark:border-gray-700 dark:bg-gray-900">
         <MagnifyingGlassIcon className="mr-4 w-5 text-gray-400" />
       </div>
     </div>

diff --git a/src/components/WordCard.tsx b/src/components/WordCard.tsx
@@ -25,10 +25,10 @@ export default function WordCard({ word, currentWord }: Props) {
   );
 
   return (
-    <div className="relative flex w-full flex-col items-center justify-start gap-5 rounded-lg border p-4 text-center lg:w-[672px] lg:max-w-2xl dark:border-gray-700">
+    <div className="relative flex w-full flex-col items-center justify-start gap-5 rounded-lg border bg-white p-4 text-center lg:w-[672px] lg:max-w-2xl dark:border-gray-700 dark:bg-gray-900">
       <div className="flex w-full flex-col gap-2">
         {synonyms.length > 0 && (
-          <div className="flex justify-end text-sm">Sin. {highlightText(synonyms, 'px-2')}</div>
+          <div className="flex justify-end text-sm">Sin. {highlightText(synonyms)}</div>
         )}
         {highlightText(word.text, 'h-full text-3xl')}
         <span className="mx-auto w-20 border-t-2 border-red-400" />