Update SearchContainer.jsx

sonicname · Jun 25, 2022 · ac5aa6f · ac5aa6f · vercel · Jun 25, 2022
1 parent 7a04749
commit ac5aa6f
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/search/SearchContainer.jsx b/src/components/search/SearchContainer.jsx
@@ -39,18 +39,18 @@ const SearchContainer = ({ type }) => {
   return (
     <div className="page-container w-full">
       <div className="flex flex-col gap-y-4">
-        <div className="flex items-center">
+        <div className="w-full relative">
           <input
             type="text"
-            className="flex-1 p-3 font-semibold outline-none rounded-l-md"
+            className="p-3 w-full font-semibold outline-none rounded-md"
             placeholder="Enter your keyword"
             ref={inputRef}
             defaultValue={query}
           />
           <button
             ref={searchBtnRef}
             onClick={() => setQuery(inputRef.current.value)}
-            className="p-3 bg-purple-600 text-white font-semibold hover:opacity-75 duration-300 active:scale-90 rounded-r-md"
+            className="p-3 absolute top-0 right-0 bottom-0 bg-purple-600 text-white font-semibold hover:opacity-75 duration-300 active:scale-90 rounded-r-md"
           >
             Search
           </button>