fix: handle widgets functionality for mobile view in placeholder and template creation flow

2026-09-10 19:57:40 +02:00 · 2024-01-17 17:36:56 +05:30
parent bb732d7606
commit 72f7e1fb27
10 changed files with 508 additions and 497 deletions
@@ -1,23 +1,34 @@
 import React from "react";
 import "../css/ModalUi.css";
-const ModalUi = ({ children, title, isOpen, handleClose, headerColor }) => {
+const ModalUi = ({
+  children,
+  title,
+  isOpen,
+  handleClose,
+  headerColor,
+  dropdownModal
+}) => {
  return (
    <>
      {isOpen && (
        <div className="modaloverlay">
-          <div className="modalcontainer">
-           {title && <div
-              style={{ background: headerColor ? headerColor : "#32a3ac" }}
-              className="modalheader"
-            >
-              <div className="modaltitle">{title}</div>
+          <div className={dropdownModal ? dropdownModal : "modalcontainer"}>
+            {title && (
              <div
-                className="closebtn"
-                onClick={() => handleClose && handleClose()}
+                style={{ background: headerColor ? headerColor : "#32a3ac" }}
+                className="modalheader"
              >
-                &times;
+                <div className="modaltitle">{title}</div>
+                {handleClose && (
+                  <div
+                    className="closebtn"
+                    onClick={() => handleClose && handleClose()}
+                  >
+                    &times;
+                  </div>
+                )}
              </div>
-            </div>}
+            )}
            <div>{children}</div>
          </div>
        </div>