update App.js, src/components/CardDesign3/index.js, src/components/SearchBox/index.js and src/components/TimeLineComponent/index.js

master
mahdi 2 years ago
parent e7f4888a2e
commit a23bfdb948
  1. 2
      src/App.js
  2. 4
      src/components/CardDesign3/index.js
  3. 5
      src/components/SearchBox/index.js
  4. 5
      src/components/TimeLineComponent/index.js

@ -140,7 +140,7 @@ function App() {
{/* <FileManager /> */} {/* <FileManager /> */}
{/* <GridListTable /> */} {/* <GridListTable /> */}
{/* <PopupCard /> */} {/* <PopupCard /> */}
{/* <TimeLineComponent /> */} <TimeLineComponent />
{/* <CardTrelloDesign /> */} {/* <CardTrelloDesign /> */}
{/* <ReligiousTimes /> */} {/* <ReligiousTimes /> */}
{/* <DistributedData /> */} {/* <DistributedData /> */}

@ -19,7 +19,9 @@ const CardDesign3 = () => {
<SearchBox <SearchBox
searchIcon={searchIcon} searchIcon={searchIcon}
placeholder={"جستجو برا اساس اسم یا کد ملی"} placeholder={"جستجو برا اساس اسم یا کد ملی"}
className={"p-4 w-[100%]"} className={
"p-4 border-[#ddd] focus:border-gray-200 focus:ring-gray-200"
}
/> />
</div> </div>
<CustomToast2 num={4} /> <CustomToast2 num={4} />

@ -27,7 +27,7 @@ const SearchBox = ({ cancleIcon, searchIcon, placeholder, className }) => {
// onBlur={() => setActiveSearchBox(false)} // onBlur={() => setActiveSearchBox(false)}
type="text" type="text"
placeholder={placeholder} 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`}
/> />
</div> </div>
); );
@ -41,5 +41,6 @@ SearchBox.defaultProps = {
placeholder: "دنبال چه چیزی هستید", 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",
}; };

@ -18,7 +18,10 @@ const TimeLineComponent = ({ data }) => {
<div className="flex-1"> <div className="flex-1">
<Timeline /> <Timeline />
</div> </div>
<SearchBox inputWidth={"100%"} searchIcon={search} borderClr="#ddd" /> <SearchBox
searchIcon={search}
className={"border-[#ddd] focus:border-gray-200 focus:ring-gray-200"}
/>
</div> </div>
</div> </div>
); );

Loading…
Cancel
Save