From a23bfdb948d43b85d81807b4f8b3ee1a07c0efc1 Mon Sep 17 00:00:00 2001 From: mahdi Date: Mon, 25 Apr 2022 15:46:35 +0430 Subject: [PATCH] update App.js, src/components/CardDesign3/index.js, src/components/SearchBox/index.js and src/components/TimeLineComponent/index.js --- src/App.js | 2 +- src/components/CardDesign3/index.js | 4 +++- src/components/SearchBox/index.js | 5 +++-- src/components/TimeLineComponent/index.js | 5 ++++- 4 files changed, 11 insertions(+), 5 deletions(-) diff --git a/src/App.js b/src/App.js index 6786980..3628e09 100644 --- a/src/App.js +++ b/src/App.js @@ -140,7 +140,7 @@ function App() { {/* */} {/* */} {/* */} - {/* */} + {/* */} {/* */} {/* */} diff --git a/src/components/CardDesign3/index.js b/src/components/CardDesign3/index.js index b20940e..000aaa7 100644 --- a/src/components/CardDesign3/index.js +++ b/src/components/CardDesign3/index.js @@ -19,7 +19,9 @@ const CardDesign3 = () => { diff --git a/src/components/SearchBox/index.js b/src/components/SearchBox/index.js index a6ca4ea..8c117f9 100644 --- a/src/components/SearchBox/index.js +++ b/src/components/SearchBox/index.js @@ -27,7 +27,7 @@ const SearchBox = ({ cancleIcon, searchIcon, placeholder, className }) => { // onBlur={() => setActiveSearchBox(false)} type="text" placeholder={placeholder} - 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`} + className={`${className} w-[100%] text-xs focus:outline-none rounded border focus:ring focus:ring-opacity-20`} /> ); @@ -41,5 +41,6 @@ SearchBox.defaultProps = { placeholder: "دنبال چه چیزی هستید", - className: "w-[100%] text-blue-400 bg-[#F9FBFF] placeholder-blue-300", + className: + "text-blue-400 bg-[#F9FBFF] placeholder-blue-300 border-[#B5D6FF] focus:border-blue-200 focus:ring-blue-200", }; diff --git a/src/components/TimeLineComponent/index.js b/src/components/TimeLineComponent/index.js index cb6d486..b017858 100644 --- a/src/components/TimeLineComponent/index.js +++ b/src/components/TimeLineComponent/index.js @@ -18,7 +18,10 @@ const TimeLineComponent = ({ data }) => {
- + );