update src/components/Modal/index.js ادامه کار

master
mahdi andalib 2 years ago
parent 8da03b02ea
commit a372083e77
  1. 36
      src/components/Modal/index.js

@ -18,26 +18,32 @@ const Modal = () => {
text={"ویرایش"}
onClick={() => setOpenModal(true)}
/>
<div
className={`cursor-pointer w-screen h-screen flex items-center justify-center bg-black fixed left-0 top-0 duration-300 transition-all
${openModal ? "opacity-60" : "opacity-0 pointer-events-none"}
`}
>
<div
className="w-1/2 flex flex-col bg-white border border-gray-400 rounded-sm p-3"
onClick={(e) => e.stopPropagation()}
>
<Button
className="w-fit p-1.5 self-end bg-[#D11B1B] rounded-sm"
text={false}
icon={"images/white-cancel.svg"}
iconHolderClassName={"mr-0"}
onClick={() => setOpenModal(false)}
/>
<Tabbar />
{/* <FormInput /> */}
<div className="w-1/2 flex flex-col bg-white border border-gray-400 rounded-sm ">
<div
className="p-3 flex flex-col"
onClick={(e) => e.stopPropagation()}
>
<Button
className="w-fit p-1.5 self-end bg-[#D11B1B] rounded-sm"
text={false}
icon={"images/white-cancel.svg"}
iconHolderClassName={"mr-0"}
onClick={() => setOpenModal(false)}
/>
<Tabbar />
</div>
<div className="w-full flex flex-col items-end p-2 bg-[#e2dfdf]">
<Button
className="w-fit p-2 bg-[#3C58EA] text-white rounded-md"
text={"ذخیره و ثبت اطلاعات"}
iconHolderClassName={"mr-0"}
/>
</div>
</div>
</div>
</div>

Loading…
Cancel
Save