style(web): update app and global styles

- app.css: update app-level styles
- global.css: update global styles
This commit is contained in:
caoxiaozhu
2026-05-12 15:38:16 +00:00
parent 5c3786f179
commit 024999626c
2 changed files with 9 additions and 2 deletions

View File

@@ -15,6 +15,7 @@
} }
.app { .app {
height: var(--desktop-stage-height, 100dvh);
min-height: var(--desktop-stage-height, 100dvh); min-height: var(--desktop-stage-height, 100dvh);
display: grid; display: grid;
grid-template-columns: 220px minmax(0, 1fr); grid-template-columns: 220px minmax(0, 1fr);
@@ -82,12 +83,16 @@
font-weight: 700; font-weight: 700;
} }
.main { min-width: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); } .main { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
.main.overview-main { .main.overview-main {
height: var(--desktop-stage-height, 100dvh);
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
overflow: hidden;
} }
.main.workbench-main { .main.workbench-main {
height: var(--desktop-stage-height, 100dvh);
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
overflow: hidden;
} }
.main.chat-main { .main.chat-main {
height: var(--desktop-stage-height, 100dvh); height: var(--desktop-stage-height, 100dvh);
@@ -110,7 +115,7 @@
.main.audit-detail-main { .main.audit-detail-main {
grid-template-rows: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr);
} }
.workarea { overflow: auto; padding: 24px; } .workarea { min-height: 0; overflow: auto; padding: 24px; }
.workarea.chat-workarea { .workarea.chat-workarea {
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;

View File

@@ -27,6 +27,8 @@
--desktop-ui-inverse-scale: 1; --desktop-ui-inverse-scale: 1;
--desktop-stage-width: 100vw; --desktop-stage-width: 100vw;
--desktop-stage-height: 100dvh; --desktop-stage-height: 100dvh;
--desktop-viewport-width: 1440;
--desktop-viewport-height: 900;
font-family: "LXGW WenKai", Inter, "SF Pro Display", "PingFang SC", sans-serif; font-family: "LXGW WenKai", Inter, "SF Pro Display", "PingFang SC", sans-serif;
} }