| | |
|---|
| | | border-left-color: var(--el-color-primary); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* ========================================================================== |
|---|
| | | 【需求·分辨率适配】弹窗在小屏幕上不超出可视区 |
|---|
| | | |
|---|
| | | 背景：医生工作电脑分辨率差异大（1920 / 1366 / 1024，且常带 125% 缩放）。 |
|---|
| | | 项目里多处弹窗写死了 `width="880px"` / `900px`，在 1024 宽或放大后 |
|---|
| | | 会超出屏幕 —— 右侧的「确定/取消」和内容直接看不到。 |
|---|
| | | |
|---|
| | | 处理（全局一处生效，不用逐个改 9 个弹窗组件）： |
|---|
| | | · Element Plus 2.7 的 `.el-dialog` 宽度是 `var(--el-dialog-width)`， |
|---|
| | | 这里再加 `max-width`，写死的 px 会被自动夹住； |
|---|
| | | · 矮屏（≤800px 高）把顶部留白从默认 15vh 收到 6vh， |
|---|
| | | 把宝贵的垂直空间还给内容（`.el-overlay-dialog` 本身已 overflow:auto， |
|---|
| | | 内容过高时整体可滚动）。 |
|---|
| | | ========================================================================== */ |
|---|
| | | .el-dialog { |
|---|
| | | max-width: 92vw; |
|---|
| | | } |
|---|
| | | |
|---|
| | | @media (max-height: 800px) { |
|---|
| | | .el-dialog { |
|---|
| | | --el-dialog-margin-top: 6vh; |
|---|
| | | } |
|---|
| | | } |
|---|
