update src/components/Button/index.js, src/components/Card/index.js and src/components/Modal/index.js

master
mahdi 2 years ago
parent 89ca628076
commit cd3b9847f3
  1. 2
      src/components/Button/index.js
  2. 10
      src/components/Card/index.js
  3. 3
      src/components/Modal/index.js

@ -39,7 +39,7 @@ Button.defaultProps = {
text: "اطلاعات بیشتر", text: "اطلاعات بیشتر",
subTitle: false, subTitle: false,
subTitleClass: "text-sm", subTitleClass: "text-xs",
iconHolderClassName: "bg-secondary mr-2", iconHolderClassName: "bg-secondary mr-2",
iconClassName: "w-4", iconClassName: "w-4",

@ -18,7 +18,7 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
> >
{process.color && ( {process.color && (
<CircleInCircle <CircleInCircle
parentClassName={`${process.color} w-2.5 h-2.5`} parentClassName={`${process.color} w-[10px] h-[10px]`}
childClassName={false} childClassName={false}
/> />
)} )}
@ -30,19 +30,19 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
{/* middle */} {/* middle */}
<div className="flex flex-col flex-1 justify-center items-center p-4"> <div className="flex flex-col flex-1 justify-center items-center p-4">
<div className="w-[96%] flex flex-col justify-center gap-y-4"> <div className="w-[96%] flex flex-col justify-center gap-y-4">
<h2 className="text-xl font-bold text-[#046AE8]">{title}</h2> <h2 className="text-lg font-bold text-[#046AE8]">{title}</h2>
<p className="text-sm text-justify leading-6 text-[#00253A]"> <p className="text-xs text-justify leading-6 text-[#00253A]">
{hint} {hint}
</p> </p>
</div> </div>
</div> </div>
{/* bottom */} {/* bottom */}
<div className="flex flex-row item-center justify-around p-3 bg-[#F8F8F8] rounded "> <div className="flex items-center justify-around p-2 bg-[#F8F8F8] rounded">
<Modal /> <Modal />
{buttons.map((btn, index) => ( {buttons.map((btn, index) => (
<Button <Button
key={index} key={index}
className={`${btn.className} rounded-md px-2 py-2 text-sm`} className={`${btn.className} rounded p-2 text-xs`}
iconHolderClassName={"bg-transparent mr-1"} iconHolderClassName={"bg-transparent mr-1"}
iconClassName={"w-5"} iconClassName={"w-5"}
icon={btn.icon} icon={btn.icon}

@ -8,14 +8,13 @@ const Modal = ({ activeTab, children }) => {
return ( return (
<div> <div>
<Button <Button
className={`bg-[#046AE8] text-white rounded-md px-2 py-2 text-sm`} className={`bg-[#046AE8] text-white rounded p-2 text-xs`}
iconHolderClassName={"bg-transparent mr-1"} iconHolderClassName={"bg-transparent mr-1"}
iconClassName={"w-5"} iconClassName={"w-5"}
icon={"images/blue-edit-icon.svg"} icon={"images/blue-edit-icon.svg"}
text={"ویرایش"} text={"ویرایش"}
onClick={() => setOpenModal(true)} onClick={() => setOpenModal(true)}
/> />
{" "}
<div <div
className={`w-screen h-screen flex items-center justify-center bg-gray-600 bg-opacity-60 backdrop-filter backdrop-blur-sm fixed left-0 top-0 duration-300 transition-all ${ className={`w-screen h-screen flex items-center justify-center bg-gray-600 bg-opacity-60 backdrop-filter backdrop-blur-sm fixed left-0 top-0 duration-300 transition-all ${
openModal ? "flex" : "hidden pointer-events-none" openModal ? "flex" : "hidden pointer-events-none"

Loading…
Cancel
Save