sellmate-design-system-react 0.12.0 → 1.1.0

package/dist/components/SLoadingModal/SLoadingModal.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
               ),
@@ -3454,7 +3454,7 @@ function SLoadingModal({
       ariaTitle: lines[0] || "\uB85C\uB529 \uC911",
       width,
       height,
-      children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-[20px] px-[32px]", children: [
+      children: /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-auto flex-col overflow-y-auto px-[32px]", children: /* @__PURE__ */ jsxs("div", { className: "m-auto flex flex-col items-center gap-[20px]", children: [
         state === "loading" ? progress !== void 0 ? /* @__PURE__ */ jsx(SCircleProgress, { value: progress }) : /* @__PURE__ */ jsx(SCircleProgress, { indeterminate: true }) : /* @__PURE__ */ jsx(SIcon, { name: "warningOutline", size: 80, color: "var(--cmp-modal-confirm-negative-icon)" }),
         lines.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[2px]", children: lines.map((m, i) => /* @__PURE__ */ jsx(
           "p",
@@ -3477,7 +3477,7 @@ function SLoadingModal({
             label: buttonLabel ?? DEFAULT_BUTTON_LABEL[state]
           }
         )
-      ] })
+      ] }) })
     }
   );
 }