update src/components/SearchBox/index.js

master
mahdi 2 years ago
parent 072a37ae04
commit 3ca0c3fa37
  1. 10
      src/components/SearchBox/index.js

@ -35,7 +35,7 @@ const SearchBox = ({
// onBlur={() => setActiveSearchBox(false)} // onBlur={() => setActiveSearchBox(false)}
type="text" type="text"
placeholder={placeholder} placeholder={placeholder}
className={`text-xs text-blue-400 rounded focus:outline-none border focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20 ${placeHolderColor}`} className={``}
style={{ style={{
backgroundColor: backgroundColor, backgroundColor: backgroundColor,
borderColor: borderClr, borderColor: borderClr,
@ -51,12 +51,8 @@ export default SearchBox;
SearchBox.defaultProps = { SearchBox.defaultProps = {
cancleIcon: zarbedar, cancleIcon: zarbedar,
searchIcon: search, searchIcon: search,
placeholder: "دنبال چه چیزی هستید", placeholder: "دنبال چه چیزی هستید",
inputWidth: "15%", className:
"w-[15%] text-xs text-blue-400 bg-[#F9FBFF] rounded placeholder-blue-300 focus:outline-none border border-[#B5D6FF] focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20",
borderClr: "#B5D6FF",
backgroundColor: "#F9FBFF",
placeHolderColor: "placeholder-blue-300",
}; };

Loading…
Cancel
Save