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: "اطلاعات بیشتر",
subTitle: false,
subTitleClass: "text-sm",
subTitleClass: "text-xs",
iconHolderClassName: "bg-secondary mr-2",
iconClassName: "w-4",

@ -18,7 +18,7 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
>
{process.color && (
<CircleInCircle
parentClassName={`${process.color} w-2.5 h-2.5`}
parentClassName={`${process.color} w-[10px] h-[10px]`}
childClassName={false}
/>
)}
@ -30,19 +30,19 @@ const ProcessCard = ({ processes, title, hint, buttons, options }) => {
{/* middle */}
<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">
<h2 className="text-xl font-bold text-[#046AE8]">{title}</h2>
<p className="text-sm text-justify leading-6 text-[#00253A]">
<h2 className="text-lg font-bold text-[#046AE8]">{title}</h2>
<p className="text-xs text-justify leading-6 text-[#00253A]">
{hint}
</p>
</div>
</div>
{/* 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 />
{buttons.map((btn, index) => (
<Button
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"}
iconClassName={"w-5"}
icon={btn.icon}

@ -8,14 +8,13 @@ const Modal = ({ activeTab, children }) => {
return (
<div>
<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"}
iconClassName={"w-5"}
icon={"images/blue-edit-icon.svg"}
text={"ویرایش"}
onClick={() => setOpenModal(true)}
/>
{" "}
<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 ${
openModal ? "flex" : "hidden pointer-events-none"

Loading…
Cancel
Save