From ef20865ca8312efe244da1d93eaef4db1e84c7b1 Mon Sep 17 00:00:00 2001
From: Yash patil <149749700+PATILYASHH@users.noreply.github.com>
Date: Sat, 3 Aug 2024 11:58:47 +0530
Subject: [PATCH] added white color in modal (#244)

* added white color in modal

* search box tex color fixed

* color changed of search input text
---
 src/components/Error/css/style.css    |  1 +
 src/components/Search/SearchInput.jsx | 23 ++++++++++++-----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/Error/css/style.css b/src/components/Error/css/style.css
index 9fc69d5..c175916 100644
--- a/src/components/Error/css/style.css
+++ b/src/components/Error/css/style.css
@@ -30,6 +30,7 @@ h3{
 }
 
 .modal {
+  color: white;
   width: 400px;
   max-height: 450px; 
 }
diff --git a/src/components/Search/SearchInput.jsx b/src/components/Search/SearchInput.jsx
index 886644c..03171e1 100644
--- a/src/components/Search/SearchInput.jsx
+++ b/src/components/Search/SearchInput.jsx
@@ -48,17 +48,18 @@ function SearchInput({ search, setSearch, setType }) {
         className="flex items-center border border-primary gap-4 py-2 px-6 rounded-lg w-11/12 md:w-4/6"
       >
         <MdSearch className="text-gray text-2xl" />
-        <input
-          type="text"
-          id="searchbox"
-          value={search}
-          className="w-full text-sm md:text-base focus:outline-none placholder:font-semibold text-dark bg-transparent"
-          placeholder="Search for errors"
-          onChange={(e) => {
-            setSearch(e.target.value);
-            setType("");
-          }}
-        />
+<input
+  type="text"
+  id="searchbox"
+  value={search}
+  className="w-full text-sm md:text-base focus:outline-none placeholder:font-semibold bg-transparent custom-input"
+  placeholder="Search for errors"
+  onChange={(e) => {
+    setSearch(e.target.value);
+    setType("");
+  }}
+/>
+
         <button
           className={`focus:outline-none ${!search ? "hidden" : "block"}`}
           onClick={() => setSearch("")}