From 7de3dfcac03f040d33a1e34f1681b21ac675e92c Mon Sep 17 00:00:00 2001 From: mahdi Date: Mon, 25 Apr 2022 15:29:50 +0430 Subject: [PATCH] update src/components/SearchBox/index.js --- src/components/SearchBox/index.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/components/SearchBox/index.js b/src/components/SearchBox/index.js index 236984c..a6ca4ea 100644 --- a/src/components/SearchBox/index.js +++ b/src/components/SearchBox/index.js @@ -6,7 +6,7 @@ import zarbedar from "./zarbedar-icon.svg"; const SearchBox = ({ cancleIcon, searchIcon, placeholder, className }) => { const [activeSearchBox, setActiveSearchBox] = useState(false); return ( -
+
{activeSearchBox && ( { // onBlur={() => setActiveSearchBox(false)} type="text" placeholder={placeholder} - className={`${className} focus:outline-none border border-[#B5D6FF] focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20`} + className={`${className} text-xs focus:outline-none rounded border border-[#B5D6FF] focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20`} />
); @@ -41,6 +41,5 @@ SearchBox.defaultProps = { placeholder: "دنبال چه چیزی هستید", - className: - "w-[15%] text-xs text-blue-400 bg-[#F9FBFF] rounded placeholder-blue-300", + className: "w-[100%] text-blue-400 bg-[#F9FBFF] placeholder-blue-300", };