ui: 持仓监控卡片与关键位同宽,完善多端与 PWA

改用 split-grid 全宽布局;手机/平板/电脑断点适配;更新 manifest 与 Service Worker 支持安装为 App。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-24 12:50:58 +08:00
parent 67683f5562
commit 3ba3be6035
6 changed files with 104 additions and 35 deletions
+30
View File
@@ -176,6 +176,18 @@ body {
grid-template-columns: 1fr;
}
.trade-split .card {
min-height: auto;
}
.trade-form-line.line-3 {
grid-template-columns: 1fr 1fr;
}
.trade-form-line.line-3 .trade-field:first-child {
grid-column: 1 / -1;
}
.form-compact .line-4,
.form-compact .line-5 {
grid-template-columns: repeat(2, 1fr);
@@ -314,6 +326,24 @@ body {
min-height: auto;
}
.trade-split .card {
min-height: auto;
}
.trade-top-bar {
flex-direction: column;
align-items: stretch;
}
.trade-top-bar-actions {
width: 100%;
}
.trade-top-bar-actions .btn-ctp-sm {
width: 100%;
min-height: var(--touch-min);
}
.pos-metrics {
grid-template-columns: repeat(2, 1fr);
}