chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-02-19 11:10:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(config): improve editor wrapper responsive height with clamp and dvh

Browse Source
This commit is contained in:
Supra4E8C
2026-01-03 14:52:56 +08:00
parent 3446280987
commit 0efef5a789
1 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/ConfigPage.module.scss
View File

@@ -133,14 +133,18 @@
.editorWrapper { .editorWrapper {
width: 100%; width: 100%;
flex: 1; flex: 0 0 auto;
min-height: 800px; height: clamp(360px, 60vh, 920px);
border: 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: $radius-lg; border-radius: $radius-lg;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
--floating-controls-height: 0px; --floating-controls-height: 0px;
@supports (height: 100dvh) {
height: clamp(360px, 60dvh, 920px);
}
// Floating search toolbar on top of the editor (but not covering content). // Floating search toolbar on top of the editor (but not covering content).
.floatingControls { .floatingControls {
position: absolute; position: absolute;
@@ -219,8 +223,8 @@
.configCard { .configCard {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 1120px; flex: 1;
flex-shrink: 0; min-height: 0;
overflow: visible; overflow: visible;
} }
@@ -253,11 +257,6 @@
} }
.configCard { .configCard {
height: 880px;
padding: $spacing-md; padding: $spacing-md;
} }
.editorWrapper {
min-height: 600px;
}
} }