Update search input styling in Home.jsx

SideeID · Apr 9, 2024 · 4ea4d21 · 4ea4d21
1 parent d637599
commit 4ea4d21
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/pages/Home/Home.jsx b/src/pages/Home/Home.jsx
@@ -20,8 +20,8 @@ function Home() {
             <Navbar />
             <div className='grid grid-cols-1'>
                 <div className='w-[90%] mt-[50px] mx-auto relative'>
-                    <input type="text" id="search" onChange={e => setSearchTerm(e.target.value)} className="block w-full p-2 pl-8 text-sm border rounded-lg bg-gray-700 border-gray-600 placeholder-white text-white focus:ring-blue-500 focus:border-blue-500" placeholder="Search..." />
-                    <svg className="w-4 h-4 text-white absolute left-3 top-1/2 transform -translate-y-1/2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+                    <input type="text" id="search" onChange={e => setSearchTerm(e.target.value)} className="block w-full p-2 pl-8 text-sm border rounded-lg bg-gray-200 border-gray-300 placeholder-gray-900 text-gray-900 focus:ring-blue-500 focus:border-blue-500" placeholder="Search..." />
+                    <svg className="w-4 h-4 text-gray-900 absolute left-3 top-1/2 transform -translate-y-1/2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
                         <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
                     </svg>
                 </div>
@@ -35,7 +35,7 @@ function Home() {
                             type={item.tempatTurun}
                             total={item.jumlahAyat}
                         />
-                    )) : <p className="text-white text-center">No results found.</p>}
+                    )) : <p className="text-gray-900 text-center">No results found.</p>}
                 </div>
             </div>
             <Footer />