datastake-daf 0.6.528 → 0.6.529
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/layouts/index.js +18 -13
- package/package.json +1 -1
- package/src/@daf/layouts/AppLayout/index.jsx +19 -13
- package/src/constants/theme.js +1 -0
package/dist/layouts/index.js
CHANGED
|
@@ -7075,19 +7075,24 @@ function AppLayout({
|
|
|
7075
7075
|
};
|
|
7076
7076
|
|
|
7077
7077
|
// Apply theme CSS custom properties
|
|
7078
|
-
const layoutStyle = o.useMemo(() =>
|
|
7079
|
-
|
|
7080
|
-
|
|
7081
|
-
|
|
7082
|
-
|
|
7083
|
-
|
|
7084
|
-
|
|
7085
|
-
|
|
7086
|
-
|
|
7087
|
-
|
|
7088
|
-
'--layout-
|
|
7089
|
-
'--layout-
|
|
7090
|
-
|
|
7078
|
+
const layoutStyle = o.useMemo(() => {
|
|
7079
|
+
const style = {
|
|
7080
|
+
display: 'flex',
|
|
7081
|
+
flexDirection: 'row',
|
|
7082
|
+
width: '100vw',
|
|
7083
|
+
height: '100dvh',
|
|
7084
|
+
maxHeight: '100dvh'
|
|
7085
|
+
};
|
|
7086
|
+
|
|
7087
|
+
// Only add CSS custom properties if they are defined in the theme
|
|
7088
|
+
if (theme.layoutPrimaryBg) style['--layout-primary-bg'] = theme.layoutPrimaryBg;
|
|
7089
|
+
if (theme.layoutSecondaryBg) style['--layout-secondary-bg'] = theme.layoutSecondaryBg;
|
|
7090
|
+
if (theme.layoutBorderColor) style['--layout-border-color'] = theme.layoutBorderColor;
|
|
7091
|
+
if (theme.layoutTextPrimary) style['--layout-text-primary'] = theme.layoutTextPrimary;
|
|
7092
|
+
if (theme.layoutTextSecondary) style['--layout-text-secondary'] = theme.layoutTextSecondary;
|
|
7093
|
+
if (theme.layoutHoverBg) style['--layout-hover-bg'] = theme.layoutHoverBg;
|
|
7094
|
+
return style;
|
|
7095
|
+
}, [theme]);
|
|
7091
7096
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
7092
7097
|
style: layoutStyle,
|
|
7093
7098
|
className: "components-layout",
|
package/package.json
CHANGED
|
@@ -219,19 +219,25 @@ function AppLayout({
|
|
|
219
219
|
};
|
|
220
220
|
|
|
221
221
|
// Apply theme CSS custom properties
|
|
222
|
-
const layoutStyle = useMemo(() =>
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
'--layout-
|
|
233
|
-
'--layout-
|
|
234
|
-
|
|
222
|
+
const layoutStyle = useMemo(() => {
|
|
223
|
+
const style = {
|
|
224
|
+
display: 'flex',
|
|
225
|
+
flexDirection: 'row',
|
|
226
|
+
width: '100vw',
|
|
227
|
+
height: '100dvh',
|
|
228
|
+
maxHeight: '100dvh',
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
// Only add CSS custom properties if they are defined in the theme
|
|
232
|
+
if (theme.layoutPrimaryBg) style['--layout-primary-bg'] = theme.layoutPrimaryBg;
|
|
233
|
+
if (theme.layoutSecondaryBg) style['--layout-secondary-bg'] = theme.layoutSecondaryBg;
|
|
234
|
+
if (theme.layoutBorderColor) style['--layout-border-color'] = theme.layoutBorderColor;
|
|
235
|
+
if (theme.layoutTextPrimary) style['--layout-text-primary'] = theme.layoutTextPrimary;
|
|
236
|
+
if (theme.layoutTextSecondary) style['--layout-text-secondary'] = theme.layoutTextSecondary;
|
|
237
|
+
if (theme.layoutHoverBg) style['--layout-hover-bg'] = theme.layoutHoverBg;
|
|
238
|
+
|
|
239
|
+
return style;
|
|
240
|
+
}, [theme]);
|
|
235
241
|
|
|
236
242
|
return (
|
|
237
243
|
<div
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|