sellmate-design-system-react 0.11.0 → 1.0.0

package/dist/components/SActionModal/SActionModal.js

@@ -3111,7 +3111,7 @@ function SModalContainer({
             "div",
             {
               className: cn(
-                "relative overflow-hidden rounded-[var(--cmp-modal-radius)] bg-[var(--cmp-modal-bg)] shadow-normal-md",
+                "relative flex max-h-[calc(100dvh-48px)] flex-col overflow-hidden rounded-[var(--cmp-modal-radius)] bg-[var(--cmp-modal-bg)] shadow-normal-md",
                 shaking && "animate-modal-shake",
                 className
               ),
@@ -3331,8 +3331,8 @@ function SActionModal({
       showClose: true,
       width,
       height,
-      className: "w-fit min-w-[480px] min-h-[320px]",
-      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full min-h-[320px] flex-col", children: [
+      className: "w-fit min-w-[480px] min-h-[min(320px,calc(100dvh-48px))]",
+      children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-auto flex-col", children: [
         /* @__PURE__ */ jsx("header", { className: "flex flex-shrink-0 items-center gap-[var(--cmp-overlay-header-gap)] py-[var(--cmp-overlay-header-paddingY)] pl-[var(--cmp-overlay-header-paddingX)] pr-[calc(var(--cmp-overlay-header-paddingX)+20px)]", children: /* @__PURE__ */ jsx("h2", { className: "text-[16px] font-bold leading-[26px] text-[color:var(--cmp-overlay-header-title-color)]", children: modalTitle }) }),
         /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-[var(--cmp-modal-action-body-paddingX)] pb-[var(--cmp-modal-action-body-paddingBottom)]", children }),
         button && /* @__PURE__ */ jsx(