profinansy-ui-lib 3.8.21 → 3.8.22

package/dist/profinansy-ui-lib.es.js

@@ -8046,7 +8046,8 @@ const Qs = S.createContext(null), Si = ({
   justify-content: center;
 `, oh = C.div`
   position: relative;
-  padding: 24px 16px;
+  display: flex;
+  flex-direction: column;
   border-radius: 24px;
   box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
   background: ${(e) => e.theme.background.content};
@@ -8062,7 +8063,6 @@ const Qs = S.createContext(null), Si = ({
     `};
   @media (max-width: ${de}px) {
     border-radius: 24px 24px 0 0;
-    padding: 16px 8px;
     max-width: 100%;
     width: 100%;
     position: fixed;
@@ -8077,14 +8077,14 @@ const Qs = S.createContext(null), Si = ({
       `};
   }
 `, ih = C.div`
-  height: 100%;
-  max-height: ${(e) => e.$isOverflowAuto ? "auto" : "calc(100dvh  - 78px)"};
   overflow-y: ${(e) => e.$isOverflowAuto ? "visible" : "auto"};
   padding: 0 8px;
+  margin: 24px 16px;
+  flex: 1;
   ${Bt};
   @media (max-width: ${de}px) {
-    max-height: calc(90dvh - 48px);
     overflow-y: auto;
+    margin: 16px 8px;
     ${Sf}
   }
 `, ah = C.div`
@@ -8119,10 +8119,10 @@ const Qs = S.createContext(null), Si = ({
   position: sticky;
   border-top: 0.5px solid ${(e) => e.theme.stroke.tertiary};
   background: ${(e) => e.theme.background.content};
-  padding-top: 24px;
-  margin-top: 24px;
+  padding: 24px;
+  border-radius: 0 0 24px 24px;
   @media (max-width: ${de}px) {
-    padding-top: 16px;
+    padding: 16px;
   }
 `, dh = C.button`
   display: flex;
@@ -8409,11 +8409,11 @@ const We = /* @__PURE__ */ I9(gh), Ch = () => {
                         ]
                       }
                     ),
-                    t,
-                    w && /* @__PURE__ */ s.jsx(uh, { className: "modal-bottomContent", children: w })
+                    t
                   ]
                 }
-              )
+              ),
+              w && /* @__PURE__ */ s.jsx(uh, { className: "modal-bottomContent", children: w })
             ]
           }
         ) })