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

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
+        <div className="w-1/2 flex flex-col bg-white border border-gray-400 rounded-sm ">
-          className="w-1/2 flex flex-col bg-white border border-gray-400 rounded-sm p-3"
+          <div
-          onClick={(e) => e.stopPropagation()}
+            className="p-3 flex flex-col"
-        >
+            onClick={(e) => e.stopPropagation()}
-          <Button
+          >
-            className="w-fit p-1.5 self-end bg-[#D11B1B] rounded-sm"
+            <Button
-            text={false}
+              className="w-fit p-1.5 self-end bg-[#D11B1B] rounded-sm"
-            icon={"images/white-cancel.svg"}
+              text={false}
-            iconHolderClassName={"mr-0"}
+              icon={"images/white-cancel.svg"}
-            onClick={() => setOpenModal(false)}
+              iconHolderClassName={"mr-0"}
-          />
+              onClick={() => setOpenModal(false)}
-
+            />
-          <Tabbar />
+            <Tabbar />
-          {/* <FormInput /> */}
+          </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>