dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

价格/百分比模式开仓按钮靠右；持仓上限红字移到预估风险下方。

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-12 20:45:47 +08:00
parent ce22f8c7d6
commit bacb5fdde4
6 changed files with 44 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_page.css
+29 -7
View File
@@ -31,9 +31,22 @@
.order-monitor-form .om-field{display:flex;flex-direction:column;gap:4px;min-width:7.5rem}
.order-monitor-form .om-field-lab{font-size:.72rem;color:#9aa3c7;line-height:1;letter-spacing:.02em}
.order-monitor-form .om-field input{width:9.5rem;max-width:160px;box-sizing:border-box}
.order-monitor-form .om-live-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:2px;margin-left:auto}
.order-monitor-form .om-live-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:2px}
.order-monitor-form .om-row-levels .om-submit{align-self:flex-end;min-width:11rem;padding:10px 18px;font-weight:600;flex:0 0 auto}
.order-monitor-form .om-row-levels .om-open-block-note{align-self:center;padding-bottom:2px}
/* 固定盈亏比:开仓紧跟盈亏比;价格/百分比:开仓靠右 */
.order-monitor-form .om-row-levels[data-sltp-mode="fixed_rr"] #om-field-sl{order:1}
.order-monitor-form .om-row-levels[data-sltp-mode="fixed_rr"] #om-field-rr{order:2}
.order-monitor-form .om-row-levels[data-sltp-mode="fixed_rr"] .om-submit{order:3}
.order-monitor-form .om-row-levels[data-sltp-mode="fixed_rr"] .om-live-meta{order:10;margin-left:auto}
.order-monitor-form .om-row-levels[data-sltp-mode="price"] #om-field-sl,
.order-monitor-form .om-row-levels[data-sltp-mode="pct"] #om-field-sl{order:1}
.order-monitor-form .om-row-levels[data-sltp-mode="price"] #om-field-tp,
.order-monitor-form .om-row-levels[data-sltp-mode="pct"] #om-field-sl-pct{order:2}
.order-monitor-form .om-row-levels[data-sltp-mode="pct"] #om-field-tp-pct{order:3}
.order-monitor-form .om-row-levels[data-sltp-mode="price"] .om-live-meta,
.order-monitor-form .om-row-levels[data-sltp-mode="pct"] .om-live-meta{order:40;margin-left:auto}
.order-monitor-form .om-row-levels[data-sltp-mode="price"] .om-submit,
.order-monitor-form .om-row-levels[data-sltp-mode="pct"] .om-submit{order:50}
.order-monitor-form .om-row-opts{align-items:center;gap:12px;padding-top:2px}
.order-monitor-form .om-check{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#cfd3ef;cursor:pointer;user-select:none}
.order-monitor-form .om-time-close{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:#cfd3ef}
@@ -53,13 +66,22 @@
filter:grayscale(.35);
pointer-events:none;
}
.order-monitor-form .om-open-block-note{
color:var(--danger,#ff7b7b);
.order-plan-preview-wrap{margin:4px 0 10px}
.order-plan-preview{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:0;padding:10px 12px;background:#151a28;border:1px solid #2a3150;border-radius:8px;font-size:.85rem}
.om-open-block-note,
.om-open-block-note--below{
color:#ff6b6b;
font-size:13px;
line-height:1.4;
max-width:min(28rem,100%);
line-height:1.45;
font-weight:600;
max-width:100%;
}
.order-plan-preview{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:4px 0 10px;padding:10px 12px;background:#151a28;border:1px solid #2a3150;border-radius:8px;font-size:.85rem}
.om-open-block-note--below{
margin-top:8px;
padding:0 2px;
}
.om-open-block-note[hidden],
.om-open-block-note--below[hidden]{display:none !important}
#add-order-form #sltp-mode{min-width:12.5rem;max-width:16rem;width:auto}
.order-preview-risk{color:#ff6b6b}
.order-preview-risk strong{color:#ff8f8f;font-weight:600}