senlinai/agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(desktop): make overlays responsive

Browse Source
This commit is contained in:
yanweidong
2026-07-26 00:16:58 +08:00
parent 139e0d59ed
commit 93b671c746
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/desktop/src/styles.css
View File

@@ -2,6 +2,13 @@
* { box-sizing: border-box; }
body { margin: 0; min-width: 300px; min-height: 100vh; background: #f4f5f7; }
button { font: inherit; }
.arco-modal-wrapper { padding: 12px; }
.arco-modal { width: min(520px, calc(100vw - 24px)); max-width: calc(100vw - 24px); }
.arco-modal-header { min-width: 0; }
.arco-modal-title { overflow-wrap: anywhere; }
.arco-modal-body { max-height: calc(100vh - 180px); overflow-y: auto; overscroll-behavior: contain; }
.arco-modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.arco-trigger-popup { max-width: calc(100vw - 24px); }
.app-shell { --canvas: #f6f7f9; --surface: #fff; --line: #e5e6eb; --text: #1d2129; --muted: #86909c; --rail: #f2f3f5; display: grid; grid-template: 48px 46px minmax(0, 1fr) / minmax(0, 1fr) 58px; min-height: 100vh; color: var(--text); background: var(--canvas); overflow: clip; }
.app-shell.theme-dark { --canvas: #171a1f; --surface: #23272e; --line: #3a3f47; --text: #f2f3f5; --muted: #a9b0bb; --rail: #2b3038; color-scheme: dark; }