react-better-html 1.1.188 → 1.1.190

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.mjs CHANGED
@@ -3741,6 +3741,7 @@ PageHolderComponent.center = forwardRef8(function Center({
3741
3741
  pageBackgroundColor,
3742
3742
  pageBackgroundImage,
3743
3743
  contentMaxWidth,
3744
+ contentInsideBox,
3744
3745
  behindComponent,
3745
3746
  sideComponent,
3746
3747
  sideComponentPosition = "right",
@@ -3753,6 +3754,7 @@ PageHolderComponent.center = forwardRef8(function Center({
3753
3754
  const { app } = useBetterHtmlContextInternal();
3754
3755
  const breakingPoint = mediaQuery.size1000;
3755
3756
  const withSideComponent = sideComponent && !breakingPoint;
3757
+ const ContentTag = contentInsideBox !== false ? Div_default.box : Div_default;
3756
3758
  return /* @__PURE__ */ jsxs9(
3757
3759
  Div_default.row,
3758
3760
  {
@@ -3779,7 +3781,7 @@ PageHolderComponent.center = forwardRef8(function Center({
3779
3781
  ),
3780
3782
  sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
3781
3783
  /* @__PURE__ */ jsx13(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ jsx13(
3782
- Div_default.box,
3784
+ ContentTag,
3783
3785
  {
3784
3786
  width: `calc(100% - ${theme2.styles.space * 2}px)`,
3785
3787
  maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
@@ -9518,10 +9520,10 @@ var SideMenuComponent = function SideMenu({
9518
9520
  readyBottomItems && /* @__PURE__ */ jsx26(
9519
9521
  Div_default.column,
9520
9522
  {
9521
- borderTop: `solid 1px ${theme2.colors.border}`,
9523
+ borderTop: mediaQuery.size1000 ? `solid 1px ${theme2.colors.border}` : void 0,
9522
9524
  gap: theme2.styles.gap / 2,
9523
9525
  marginTop: "auto",
9524
- paddingTop: theme2.styles.space,
9526
+ paddingTop: mediaQuery.size1000 ? theme2.styles.space : void 0,
9525
9527
  paddingInline: theme2.styles.space,
9526
9528
  paddingBottom: !isCollapsable ? theme2.styles.space : void 0,
9527
9529
  children: readyBottomItems.map((item) => /* @__PURE__ */ jsx26(MenuItemComponent, { item, onClick: onClickXButton }, item.text))