@luscii-healthtech/web-ui 42.8.4 → 42.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.development.js +2 -2
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -6111,7 +6111,7 @@ SplitViewLayout.Aside = Aside;
|
|
|
6111
6111
|
const Header = (props) => {
|
|
6112
6112
|
const { children, className, leftActionSlot, rightActionSlot } = props, restProps = __rest(props, ["children", "className", "leftActionSlot", "rightActionSlot"]);
|
|
6113
6113
|
const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:content-center");
|
|
6114
|
-
return jsxRuntime.jsxs(Stack, Object.assign({ as: "header", p: "xl", axis: "x",
|
|
6114
|
+
return jsxRuntime.jsxs(Stack, Object.assign({ as: "header", p: "xl", axis: "x", className: classes, gap: "xxl", align: "center", justify: "center", backgroundColor: "background" }, restProps, { children: [(leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: leftActionSlot }), jsxRuntime.jsx(Stack, { axis: "x", justify: "center", width: "full", className: "ui:lg:max-w-[--spacing(310)]", children: jsxRuntime.jsx(Box, { width: "full", children }) }), (leftActionSlot || rightActionSlot) && jsxRuntime.jsx(Box, { className: "ui:w-[--spacing(9)] ui:h-[--spacing(9)]", children: rightActionSlot })] }));
|
|
6115
6115
|
};
|
|
6116
6116
|
Header.displayName = "PageWithCenteredContentLayout.Header";
|
|
6117
6117
|
const Main = (props) => {
|
|
@@ -6124,7 +6124,7 @@ const PageWithCenteredContentLayout = (props) => {
|
|
|
6124
6124
|
const { header, className, children } = props, restProps = __rest(props, ["header", "className", "children"]);
|
|
6125
6125
|
const classes = classNames__default.default("ui:min-h-screen", className);
|
|
6126
6126
|
const headerContainerClasses = classNames__default.default("ui:sticky ui:top-0 ui:z-20", className);
|
|
6127
|
-
return jsxRuntime.jsxs(Stack, Object.assign({ width: "full", align: "stretch", className: classes }, restProps, { children: [header && jsxRuntime.
|
|
6127
|
+
return jsxRuntime.jsxs(Stack, Object.assign({ width: "full", align: "stretch", className: classes, backgroundColor: "background" }, restProps, { children: [header && jsxRuntime.jsx(Box, { className: headerContainerClasses, children: header }), children] }));
|
|
6128
6128
|
};
|
|
6129
6129
|
PageWithCenteredContentLayout.displayName = "PageWithCenteredContentLayout";
|
|
6130
6130
|
PageWithCenteredContentLayout.Header = Header;
|