evelearn-theme 2.0.39 → 2.0.40

package/dist/index.js

@@ -1085,8 +1085,8 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
         "style"
     ]);
     if (!visible) return null;
-    var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full flex items-center justify-center md:mx-0 md:w-full lg:w-full");
-    var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full w-full flex flex-col justify-center");
+    var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full shrink-0 flex items-center justify-center");
+    var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full shrink-0 w-full flex flex-col justify-center");
     var modalPanelStyle = fullscreen ? _object_spread({
         height: "100vh",
         width: "100vw",
@@ -1094,8 +1094,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
     }, style) : _object_spread({
         maxHeight: "calc(100vh - 6rem)"
     }, style);
-    var innerPaddingClass = fullscreen ? "p-4 sm:p-10 flex-1 flex items-center justify-center" : "p-4 sm:p-10";
-    var contentMarginTopClass = fullscreen ? "" : "mt-8 sm:mt-0";
+    var innerPaddingClass = fullscreen ? "p-4 sm:p-10 shrink-0 flex-1 flex items-center justify-center" : "p-4 sm:p-10 mt-8 sm:mt-0";
     return /* @__PURE__ */ jsxRuntime.jsx(Overlay_default, _object_spread_props(_object_spread({
         visible: visible,
         onClick: dismissOnBackdropClick ? onDismissed : void 0,
@@ -1103,7 +1102,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
         withContainer: true
     }, props), {
         children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center"),
+            className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center w-full h-full"),
             style: {
                 zIndex: 1e4
             },
@@ -1134,10 +1133,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
                         style: modalPanelStyle,
                         children: /* @__PURE__ */ jsxRuntime.jsx("div", {
                             className: innerPaddingClass,
-                            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-                                className: contentMarginTopClass,
-                                children: children
-                            })
+                            children: children
                         })
                     })
                 ]

package/dist/index.mjs

@@ -1076,8 +1076,8 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
         "style"
     ]);
     if (!visible) return null;
-    var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full flex items-center justify-center md:mx-0 md:w-full lg:w-full");
-    var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full w-full flex flex-col justify-center");
+    var modalWrapperClass = tw("relative mx-1 w-full", !fullscreen && "md:mx-auto md:w-3/4 lg:w-1/2", fullscreen && "fixed inset-0 mx-0 w-full h-full shrink-0 flex items-center justify-center");
+    var modalPanelClass = tw("my-1 sm:mt-16 bg-white dark:bg-slate-900 shadow-lg border border-gray-100 dark:border-none rounded-xl overflow-x-visible overflow-y-visible no-scrollbar", fullscreen && "rounded-none sm:mt-0 h-full shrink-0 w-full flex flex-col justify-center");
     var modalPanelStyle = fullscreen ? _object_spread({
         height: "100vh",
         width: "100vw",
@@ -1085,8 +1085,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
     }, style) : _object_spread({
         maxHeight: "calc(100vh - 6rem)"
     }, style);
-    var innerPaddingClass = fullscreen ? "p-4 sm:p-10 flex-1 flex items-center justify-center" : "p-4 sm:p-10";
-    var contentMarginTopClass = fullscreen ? "" : "mt-8 sm:mt-0";
+    var innerPaddingClass = fullscreen ? "p-4 sm:p-10 shrink-0 flex-1 flex items-center justify-center" : "p-4 sm:p-10 mt-8 sm:mt-0";
     return /* @__PURE__ */ jsx(Overlay_default, _object_spread_props(_object_spread({
         visible: visible,
         onClick: dismissOnBackdropClick ? onDismissed : void 0,
@@ -1094,7 +1093,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
         withContainer: true
     }, props), {
         children: /* @__PURE__ */ jsx("div", {
-            className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center"),
+            className: tw(displayDark && "dark", "bg-slate-900/20 fixed inset-0 flex items-center justify-center w-full h-full"),
             style: {
                 zIndex: 1e4
             },
@@ -1125,10 +1124,7 @@ var Modal = /* @__PURE__ */ __name(function(_param) {
                         style: modalPanelStyle,
                         children: /* @__PURE__ */ jsx("div", {
                             className: innerPaddingClass,
-                            children: /* @__PURE__ */ jsx("div", {
-                                className: contentMarginTopClass,
-                                children: children
-                            })
+                            children: children
                         })
                     })
                 ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "2.0.39",
+  "version": "2.0.40",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",