@cere/cere-design-system 0.0.5 → 0.0.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.js +13 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +13 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3075,7 +3075,7 @@ var CodeEditor = ({
|
|
|
3075
3075
|
const finalMonacoRef = monacoRef || internalMonacoRef;
|
|
3076
3076
|
(0, import_react6.useEffect)(() => {
|
|
3077
3077
|
if (isFullscreen) {
|
|
3078
|
-
setActualHeight("100vh");
|
|
3078
|
+
setActualHeight("calc(100vh - 80px)");
|
|
3079
3079
|
} else {
|
|
3080
3080
|
setActualHeight(typeof height === "number" ? `${height}px` : height);
|
|
3081
3081
|
}
|
|
@@ -3211,7 +3211,7 @@ var CodeEditor = ({
|
|
|
3211
3211
|
sx: {
|
|
3212
3212
|
display: "flex",
|
|
3213
3213
|
flexDirection: "column",
|
|
3214
|
-
height: "100%",
|
|
3214
|
+
height: isFullscreen ? "100vh" : "100%",
|
|
3215
3215
|
minHeight: isFullscreen ? "100vh" : editorMinHeight,
|
|
3216
3216
|
position: isFullscreen ? "fixed" : "relative",
|
|
3217
3217
|
top: isFullscreen ? 0 : "auto",
|
|
@@ -3220,7 +3220,11 @@ var CodeEditor = ({
|
|
|
3220
3220
|
bottom: isFullscreen ? 0 : "auto",
|
|
3221
3221
|
zIndex: isFullscreen ? 9999 : "auto",
|
|
3222
3222
|
bgcolor: "background.paper",
|
|
3223
|
-
|
|
3223
|
+
pt: isFullscreen ? "80px" : 0,
|
|
3224
|
+
// Add padding top in fullscreen to account for header (64px) + spacing (16px)
|
|
3225
|
+
px: isFullscreen ? 2 : 0,
|
|
3226
|
+
pb: isFullscreen ? 2 : 0,
|
|
3227
|
+
overflow: isFullscreen ? "hidden" : "visible"
|
|
3224
3228
|
},
|
|
3225
3229
|
children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
|
|
3226
3230
|
import_material31.Box,
|
|
@@ -3244,10 +3248,12 @@ var CodeEditor = ({
|
|
|
3244
3248
|
onClick: toggleFullscreen,
|
|
3245
3249
|
size: "small",
|
|
3246
3250
|
sx: {
|
|
3247
|
-
position: "absolute",
|
|
3248
|
-
top: 8,
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
+
position: isFullscreen ? "fixed" : "absolute",
|
|
3252
|
+
top: isFullscreen ? 72 : 8,
|
|
3253
|
+
// Position below header in fullscreen mode (header is ~64px)
|
|
3254
|
+
right: isFullscreen ? 16 : 8,
|
|
3255
|
+
zIndex: 1e4,
|
|
3256
|
+
// Ensure it's above other elements
|
|
3251
3257
|
bgcolor: "rgba(255, 255, 255, 0.7)",
|
|
3252
3258
|
"&:hover": {
|
|
3253
3259
|
bgcolor: "rgba(255, 255, 255, 0.9)"
|