react-better-html 1.1.238 → 1.1.239
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.js +13 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -23
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -3318,7 +3318,7 @@ PageHolderComponent.center = forwardRef8(function Center({
|
|
|
3318
3318
|
position: "relative",
|
|
3319
3319
|
width: "100%",
|
|
3320
3320
|
minHeight: "100svh",
|
|
3321
|
-
alignItems: "center",
|
|
3321
|
+
alignItems: height !== "100%" ? "center" : void 0,
|
|
3322
3322
|
justifyContent: "center",
|
|
3323
3323
|
backgroundColor: pageBackgroundColor,
|
|
3324
3324
|
backgroundImage: pageBackgroundImage,
|
|
@@ -3337,29 +3337,19 @@ PageHolderComponent.center = forwardRef8(function Center({
|
|
|
3337
3337
|
}
|
|
3338
3338
|
),
|
|
3339
3339
|
sideComponentPosition === "left" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
|
|
3340
|
-
/* @__PURE__ */ jsx13(
|
|
3341
|
-
|
|
3340
|
+
/* @__PURE__ */ jsx13(Div_default.column, { position: "relative", width: `${withSideComponent ? 50 : 100}%`, alignItems: "center", zIndex: 2, children: /* @__PURE__ */ jsx13(
|
|
3341
|
+
ContentTag,
|
|
3342
3342
|
{
|
|
3343
|
-
|
|
3344
|
-
|
|
3343
|
+
width: `calc(100% - ${((props.margin ?? props.marginInline) !== void 0 ? parseFloat((props.margin ?? props.marginInline)?.toString() ?? "") : theme2.styles.space) * 2}px)`,
|
|
3344
|
+
maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
|
|
3345
3345
|
height,
|
|
3346
|
-
|
|
3347
|
-
|
|
3348
|
-
|
|
3349
|
-
|
|
3350
|
-
|
|
3351
|
-
width: `calc(100% - ${theme2.styles.space * 2}px)`,
|
|
3352
|
-
maxWidth: !noMaxContentWidth ? contentMaxWidth ?? app.contentMaxWidth / 2 : void 0,
|
|
3353
|
-
height,
|
|
3354
|
-
marginInline: theme2.styles.space,
|
|
3355
|
-
marginBlock: theme2.styles.space,
|
|
3356
|
-
...props,
|
|
3357
|
-
ref,
|
|
3358
|
-
children
|
|
3359
|
-
}
|
|
3360
|
-
)
|
|
3346
|
+
marginInline: theme2.styles.space,
|
|
3347
|
+
marginBlock: theme2.styles.space,
|
|
3348
|
+
...props,
|
|
3349
|
+
ref,
|
|
3350
|
+
children
|
|
3361
3351
|
}
|
|
3362
|
-
),
|
|
3352
|
+
) }),
|
|
3363
3353
|
sideComponentPosition === "right" && withSideComponent && /* @__PURE__ */ jsx13(Div_default, { width: "50%" }),
|
|
3364
3354
|
withSideComponent && /* @__PURE__ */ jsx13(
|
|
3365
3355
|
Div_default,
|
|
@@ -7445,12 +7435,12 @@ var MenuItemComponent = memo27(function MenuItemComponent2({
|
|
|
7445
7435
|
gap: iconGap,
|
|
7446
7436
|
whiteSpace: "nowrap",
|
|
7447
7437
|
backgroundColor: isActive ? activeItemColor ?? (colorTheme === "dark" ? lightenColor3(theme2.colors.primary, 0.7) : lightenColor3(theme2.colors.primary, 0.85)) : readyBackgroundColor,
|
|
7448
|
-
backgroundColorHover: hoverItemColor,
|
|
7438
|
+
backgroundColorHover: isActive && activeItemColor ? void 0 : hoverItemColor,
|
|
7449
7439
|
borderRadius: theme2.styles.borderRadius,
|
|
7450
7440
|
paddingBlock,
|
|
7451
7441
|
paddingLeft: isCollapsed ? theme2.styles.space : paddingLeft,
|
|
7452
7442
|
paddingRight: theme2.styles.space,
|
|
7453
|
-
filterHover: !hoverItemColor ? `brightness(${colorTheme === "dark" ? isActive ? 0.8 : 1.3 : isActive ? 0.8 : 0.95})` : void 0,
|
|
7443
|
+
filterHover: !hoverItemColor || isActive ? `brightness(${colorTheme === "dark" ? isActive ? 0.8 : 1.3 : isActive ? 0.8 : 0.95})` : void 0,
|
|
7454
7444
|
overflow: isCollapsed ? "hidden" : void 0,
|
|
7455
7445
|
cursor: item.disabled ? "not-allowed" : "pointer",
|
|
7456
7446
|
opacity: item.disabled ? 0.6 : void 0,
|