color changed of search input text

devvsakib · Aug 3, 2024 · 33574d2 · 33574d2
1 parent 0a34432
commit 33574d2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git 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("")}

diff --git a/src/index.css b/src/index.css