@kodiak-finance/orderly-portfolio 2.9.3 → 2.9.5

package/dist/index.js

@@ -6796,13 +6796,17 @@ var LeftSidebar = (props) => {
 // src/layout/layout.ui.mobile.tsx
 init_context();
 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__ */ jsxRuntime.jsx(LayoutProvider, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
     orderlyUi.Flex,
     {
       direction: "column",
       width: "100%",
       height: "100%",
-      className: "oui-h-full-screen oui-bg-base-10",
+      className: "oui-bg-base-10",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("header", { className: "oui-scaffold-topNavbar oui-sticky oui-top-0 oui-z-10 oui-w-full oui-bg-base-10", children: /* @__PURE__ */ jsxRuntime.jsx(
           orderlyUiScaffold.MainNavMobile,
@@ -6820,7 +6824,18 @@ var PortfolioLayoutMobile = (props) => {
             routerAdapter: props.routerAdapter
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(orderlyUi.Box, { className: "oui-scaffold-container oui-min-h-[calc(100vh-44px-64px-env(safe-area-inset-bottom))] oui-w-full", children: props.children }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          orderlyUi.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
           orderlyUiScaffold.BottomNav,
           {