紧凑复盘表单:多列布局一屏显示

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-15 12:48:19 +08:00
parent ea680e0485
commit 105f630388
2 changed files with 81 additions and 66 deletions
+16
View File
@@ -28,10 +28,26 @@
.form-compact .form-line{display:grid;gap:.5rem;align-items:center}
.form-compact .line-3{grid-template-columns:repeat(3,1fr)}
.form-compact .line-4{grid-template-columns:repeat(4,1fr)}
.form-compact .line-5{grid-template-columns:repeat(5,1fr)}
.form-compact.line-tight{gap:.35rem;margin-bottom:.5rem}
.form-compact .line-btn{display:flex;gap:.5rem;align-items:center}
.form-compact input,.form-compact select{padding:.55rem .7rem;font-size:.85rem;border-radius:8px}
.form-compact .symbol-selected{font-size:.7rem;margin-top:2px}
.form-compact button.btn-primary{padding:.55rem 1.5rem;font-size:.85rem;white-space:nowrap}
.form-compact-review input.calc-readonly{color:#4cc2ff;background:#151520;font-size:.82rem}
.form-compact-review textarea{min-height:44px;font-size:.85rem;padding:.45rem .65rem}
.form-compact-review .section-hint{font-size:.72rem;color:#888;margin:.25rem 0 .15rem}
.form-compact-review .tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.15rem .5rem;font-size:.75rem}
.form-compact-review .tag-grid label{display:flex;align-items:center;gap:.3rem;cursor:pointer;color:#bbb;white-space:nowrap}
.form-compact-review .tag-grid input{width:auto;flex-shrink:0}
.form-compact-review input[type="file"]{font-size:.72rem;padding:.4rem .5rem}
.form-compact-review .mini-field span{font-size:.65rem;color:#888;display:block;line-height:1;margin-bottom:2px}
.form-compact-review .kline-row label{display:flex;align-items:center;gap:.35rem;color:#bbb;white-space:nowrap}
.form-compact-review .kline-row{display:grid;grid-template-columns:auto 1fr 1fr 1fr auto;gap:.5rem;align-items:end;font-size:.78rem}
.split-grid.records-split .card{min-height:auto}
.split-grid.records-split .card h2{font-size:1rem;margin-bottom:.5rem}
.split-grid.records-split .card{padding:1rem 1.25rem}
.page-title-sm{font-size:1.25rem;margin-bottom:.75rem}
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}
.form-grid .full{grid-column:1/-1}
.field label{display:block;font-size:.8rem;color:#a9a9ff;margin-bottom:.35rem}