react-better-html 1.1.160 → 1.1.161
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.d.mts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +19 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3566,7 +3566,9 @@ var PageHolderComponent = forwardRef7(function PageHolder({ noMaxContentWidth, c
|
|
|
3566
3566
|
});
|
|
3567
3567
|
PageHolderComponent.center = forwardRef7(function Center({
|
|
3568
3568
|
pageBackgroundColor,
|
|
3569
|
+
pageBackgroundImage,
|
|
3569
3570
|
contentMaxWidth,
|
|
3571
|
+
behindComponent,
|
|
3570
3572
|
sideComponent,
|
|
3571
3573
|
sideComponentPosition = "right",
|
|
3572
3574
|
noMaxContentWidth,
|
|
@@ -3581,17 +3583,32 @@ PageHolderComponent.center = forwardRef7(function Center({
|
|
|
3581
3583
|
return /* @__PURE__ */ jsxs7(
|
|
3582
3584
|
Div_default.row,
|
|
3583
3585
|
{
|
|
3586
|
+
position: "relative",
|
|
3584
3587
|
width: "100%",
|
|
3585
3588
|
minHeight: "100svh",
|
|
3586
3589
|
alignItems: "center",
|
|
3587
3590
|
justifyContent: "center",
|
|
3588
3591
|
backgroundColor: pageBackgroundColor,
|
|
3592
|
+
backgroundImage: pageBackgroundImage,
|
|
3589
3593
|
children: [
|
|
3594
|
+
behindComponent && /* @__PURE__ */ jsx12(
|
|
3595
|
+
Div_default,
|
|
3596
|
+
{
|
|
3597
|
+
position: "fixed",
|
|
3598
|
+
width: `${withSideComponent ? 50 : 100}%`,
|
|
3599
|
+
height: "100svh",
|
|
3600
|
+
top: 0,
|
|
3601
|
+
left: sideComponentPosition === "right" ? 0 : "auto",
|
|
3602
|
+
right: sideComponentPosition === "left" ? 0 : "auto",
|
|
3603
|
+
zIndex: 1,
|
|
3604
|
+
children: behindComponent
|
|
3605
|
+
}
|
|
3606
|
+
),
|
|
3590
3607
|
sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ jsx12(Div_default, { width: "50%" }),
|
|
3591
|
-
/* @__PURE__ */ jsx12(Div_default.column, { width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", children: /* @__PURE__ */ jsx12(
|
|
3608
|
+
/* @__PURE__ */ jsx12(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ jsx12(
|
|
3592
3609
|
Div_default.box,
|
|
3593
3610
|
{
|
|
3594
|
-
width: `calc(100% - ${theme2.styles.space
|
|
3611
|
+
width: `calc(100% - ${theme2.styles.space * 2}px)`,
|
|
3595
3612
|
maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
|
|
3596
3613
|
marginInline: theme2.styles.space,
|
|
3597
3614
|
marginBlock: theme2.styles.space,
|