@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.mjs
CHANGED
|
@@ -3087,7 +3087,7 @@ var CodeEditor = ({
|
|
|
3087
3087
|
const finalMonacoRef = monacoRef || internalMonacoRef;
|
|
3088
3088
|
useEffect(() => {
|
|
3089
3089
|
if (isFullscreen) {
|
|
3090
|
-
setActualHeight("100vh");
|
|
3090
|
+
setActualHeight("calc(100vh - 80px)");
|
|
3091
3091
|
} else {
|
|
3092
3092
|
setActualHeight(typeof height === "number" ? `${height}px` : height);
|
|
3093
3093
|
}
|
|
@@ -3223,7 +3223,7 @@ var CodeEditor = ({
|
|
|
3223
3223
|
sx: {
|
|
3224
3224
|
display: "flex",
|
|
3225
3225
|
flexDirection: "column",
|
|
3226
|
-
height: "100%",
|
|
3226
|
+
height: isFullscreen ? "100vh" : "100%",
|
|
3227
3227
|
minHeight: isFullscreen ? "100vh" : editorMinHeight,
|
|
3228
3228
|
position: isFullscreen ? "fixed" : "relative",
|
|
3229
3229
|
top: isFullscreen ? 0 : "auto",
|
|
@@ -3232,7 +3232,11 @@ var CodeEditor = ({
|
|
|
3232
3232
|
bottom: isFullscreen ? 0 : "auto",
|
|
3233
3233
|
zIndex: isFullscreen ? 9999 : "auto",
|
|
3234
3234
|
bgcolor: "background.paper",
|
|
3235
|
-
|
|
3235
|
+
pt: isFullscreen ? "80px" : 0,
|
|
3236
|
+
// Add padding top in fullscreen to account for header (64px) + spacing (16px)
|
|
3237
|
+
px: isFullscreen ? 2 : 0,
|
|
3238
|
+
pb: isFullscreen ? 2 : 0,
|
|
3239
|
+
overflow: isFullscreen ? "hidden" : "visible"
|
|
3236
3240
|
},
|
|
3237
3241
|
children: /* @__PURE__ */ jsxs17(
|
|
3238
3242
|
Box12,
|
|
@@ -3256,10 +3260,12 @@ var CodeEditor = ({
|
|
|
3256
3260
|
onClick: toggleFullscreen,
|
|
3257
3261
|
size: "small",
|
|
3258
3262
|
sx: {
|
|
3259
|
-
position: "absolute",
|
|
3260
|
-
top: 8,
|
|
3261
|
-
|
|
3262
|
-
|
|
3263
|
+
position: isFullscreen ? "fixed" : "absolute",
|
|
3264
|
+
top: isFullscreen ? 72 : 8,
|
|
3265
|
+
// Position below header in fullscreen mode (header is ~64px)
|
|
3266
|
+
right: isFullscreen ? 16 : 8,
|
|
3267
|
+
zIndex: 1e4,
|
|
3268
|
+
// Ensure it's above other elements
|
|
3263
3269
|
bgcolor: "rgba(255, 255, 255, 0.7)",
|
|
3264
3270
|
"&:hover": {
|
|
3265
3271
|
bgcolor: "rgba(255, 255, 255, 0.9)"
|