Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-01-13 21:30:30 -05:00
Code Issues Activity

fix(console): fix test result panel overflow bug (#5643)

Browse source 
fix test result panel overflow bug
This commit is contained in:
simeng-li 2024-04-08 10:48:26 +08:00 • committed by GitHub
parent cfeb98c06f
commit 66abc50c6c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 30 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.module.scss
View file

@ -71,23 +71,17 @@
} }
} }
.body {
display: flex;
flex-direction: column;
flex-grow: 1;
.editorContainer { .editorContainer {
position: relative; position: relative;
flex-grow: 1; flex-grow: 1;
&.dashboardOpen { &.dashboardOpen {
flex-grow: 0; flex-grow: 0;
height: 50%; height: calc(50% - 64px); // 64px = header height
} }
} }
.resultPanel { .resultPanel {
border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;
} }
}
} }

2
packages/console/src/pages/CustomizeJwtDetails/MainContent/MonacoCodeEditor/index.tsx
View file

@ -176,7 +176,6 @@ function MonacoCodeEditor({
{actionButtons} {actionButtons}
</div> </div>
</header> </header>
<div className={styles.body}>
<div <div
ref={containerRef} ref={containerRef}
className={classNames(styles.editorContainer, dashboard && styles.dashboardOpen)} className={classNames(styles.editorContainer, dashboard && styles.dashboardOpen)}
@ -200,7 +199,6 @@ function MonacoCodeEditor({
</div> </div>
{dashboard && <DashBoard {...dashboard} className={styles.resultPanel} />} {dashboard && <DashBoard {...dashboard} className={styles.resultPanel} />}
</div> </div>
</div>
); );
} }