@luscii-healthtech/web-ui 42.4.2 → 42.4.4

package/dist/index.development.js

@@ -4016,19 +4016,20 @@ const CheckboxListModal = ({
 const NavLayout = (props) => {
   const { patientSidebar = null, isNavDisabled, menu, disableScrolling, pageHeader, children, isInViewer, secondaryNavigation = null } = props, rest = __rest(props, ["patientSidebar", "isNavDisabled", "menu", "disableScrolling", "pageHeader", "children", "isInViewer", "secondaryNavigation"]);
   const inViewer = isInViewer;
-  return jsxRuntime.jsxs("div", Object.assign({ "data-test-id": "nav-layout", "data-in-viewer": inViewer, className: "ui:mb-3 ui:flex ui:h-full ui:w-full ui:flex-col ui:lg:mb-0 ui:lg:flex-row" }, rest, { children: [!isNavDisabled && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [menu, secondaryNavigation, patientSidebar] }), jsxRuntime.jsxs("div", { id: "page-main-content", "data-test-id": "page-main-content", className: classNames__default.default([
+  return jsxRuntime.jsxs("div", Object.assign({ "data-test-id": "nav-layout", "data-in-viewer": inViewer, className: "ui:mb-3 ui:flex ui:h-full ui:w-full ui:flex-col ui:lg:mb-0 ui:lg:flex-row" }, rest, { children: [!isNavDisabled && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [menu, patientSidebar] }), jsxRuntime.jsxs("div", { id: "page-main-content", "data-test-id": "page-main-content", className: classNames__default.default([
     "ui:w-full",
+    "ui:flex ui:flex-row",
     {
       "ui:overflow-y-auto": !disableScrolling,
       "ui:max-h-screen": !inViewer,
       "ui:h-screen": inViewer
     }
-  ]), children: [pageHeader && jsxRuntime.jsx("div", { "data-test-id": "nav-layout-page-header", children: pageHeader }), jsxRuntime.jsx("div", { "data-test-id": "page-body", className: classNames__default.default({
+  ]), children: [!isNavDisabled && jsxRuntime.jsx(jsxRuntime.Fragment, { children: secondaryNavigation }), jsxRuntime.jsxs("div", { className: "ui:w-full", children: [pageHeader && jsxRuntime.jsx("div", { "data-test-id": "nav-layout-page-header", children: pageHeader }), jsxRuntime.jsx("div", { "data-test-id": "page-body", className: classNames__default.default({
     "ui:px-xl": !!pageHeader,
     // assuming this is not set because it's the PatientPages.js
     "ui:h-full": inViewer
     // this allows extra spacing in the small viewport of hix specially when dealing with dropdowns
-  }), children })] })] }));
+  }), children })] })] })] }));
 };
 
 var css_248z$7 = ".cweb-page {\n  width: 100%;\n  max-width: 1140px;\n  margin: 32px auto 0 auto;\n}\n.cweb-page .cweb-page-breadcrumbs {\n  margin-bottom: 16px;\n}\n.cweb-page .page-spinner {\n  margin-left: 8px;\n  margin-bottom: 4px;\n}\n.cweb-page .page-spinner img {\n  width: 21px;\n}\n.cweb-page .cweb-page-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-grow: 0;\n}\n.cweb-page .cweb-page-header .cweb-page-title {\n  display: inline;\n}\n.cweb-page .cweb-page-header.accessory-right {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.cweb-page .cweb-page-header.accessory-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n@media screen and (max-width: 426px) {\n  .cweb-page .cweb-page-header.accessory-bottom {\n    max-width: 75vw;\n  }\n  .cweb-page .cweb-page-header.accessory-bottom img {\n    max-width: 10vw;\n  }\n  .cweb-page .cweb-page-header.accessory-bottom button p {\n    font-size: 4vw;\n  }\n}\n.cweb-page .cweb-page-header.accessory-bottom .cweb-page-title {\n  margin-bottom: 8px;\n  display: inline;\n}";