@orderly.network/portfolio 3.1.2 → 3.1.3-alpha.0

package/dist/index.mjs

@@ -6410,13 +6410,17 @@ var LayoutProvider = (props) => {
   return /* @__PURE__ */ jsx(LayoutContext.Provider, { value: memoizedValue, children });
 };
 var PortfolioLayoutMobile = (props) => {
+  const hasBottomNav = props.bottomNavProps?.mainMenus?.some(
+    (menu) => menu.href === props.current
+  );
+  const contentBottomPadding = hasBottomNav ? "calc(64px + 12px + env(safe-area-inset-bottom))" : "calc(12px + env(safe-area-inset-bottom))";
   return /* @__PURE__ */ jsx(LayoutProvider, { ...props, children: /* @__PURE__ */ jsxs(
     Flex,
     {
       direction: "column",
       width: "100%",
       height: "100%",
-      className: "oui-h-full-screen oui-bg-base-10",
+      className: "oui-bg-base-10",
       children: [
         /* @__PURE__ */ jsx("header", { className: "oui-scaffold-topNavbar oui-sticky oui-top-0 oui-z-10 oui-w-full oui-bg-base-10", children: /* @__PURE__ */ jsx(
           MainNavMobile,
@@ -6427,7 +6431,18 @@ var PortfolioLayoutMobile = (props) => {
             routerAdapter: props.routerAdapter
           }
         ) }),
-        /* @__PURE__ */ jsx(Box, { className: "oui-scaffold-container oui-min-h-[calc(100vh-44px-64px-env(safe-area-inset-bottom))] oui-w-full", children: props.children }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            className: "oui-scaffold-container oui-min-h-[calc(100vh-44px)] oui-w-full",
+            style: {
+              // Use dvh when available, with the className vh value as a fallback for older WebViews.
+              minHeight: "calc(100dvh - 44px)",
+              paddingBottom: contentBottomPadding
+            },
+            children: props.children
+          }
+        ),
         /* @__PURE__ */ jsx("footer", { className: "oui-scaffold-bottomNav oui-fixed oui-bottom-0 oui-z-10 oui-w-full oui-bg-base-9 oui-pb-[calc(env(safe-area-inset-bottom))]", children: /* @__PURE__ */ jsx(
           BottomNav,
           {