diff --git a/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.module.scss b/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.module.scss index 2896c53cc..601a41e42 100644 --- a/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.module.scss +++ b/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.module.scss @@ -71,23 +71,17 @@ } } - .body { - display: flex; - flex-direction: column; + .editorContainer { + position: relative; flex-grow: 1; - .editorContainer { - position: relative; - flex-grow: 1; - - &.dashboardOpen { - flex-grow: 0; - height: 50%; - } - } - - .resultPanel { - border-radius: 0 0 8px 8px; + &.dashboardOpen { + flex-grow: 0; + height: calc(50% - 64px); // 64px = header height } } + + .resultPanel { + border-radius: 0 0 8px 8px; + } } diff --git a/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.tsx b/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.tsx index d9ff37055..ad9c0a8fd 100644 --- a/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.tsx +++ b/packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.tsx @@ -176,30 +176,28 @@ function MonacoCodeEditor({ {actionButtons} -
-
- {activeModel && ( - - )} -
- {dashboard && } +
+ {activeModel && ( + + )}
+ {dashboard && }
); }