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

Wide order dialog (calc|form); enrich live cards with lev/bid/margin/time.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-10-14 16:45:05 +08:00
parent e6701563bd
commit b7b1a7e7e0
4 changed files with 213 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+58 -1
View File
@@ -3507,6 +3507,44 @@ html[data-theme="light"] .opt-be-dist-down {
padding: 20px 22px 22px;
max-height: 90vh;
}
.opt-order-dialog.hp-po-order-dialog--wide {
width: min(96vw, 920px);
}
.hp-po-order-dialog .hp-po-order-split {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
}
@media (min-width: 760px) {
.hp-po-order-dialog .hp-po-order-split {
grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.15fr);
gap: 22px;
align-items: start;
}
}
.hp-po-order-dialog .hp-po-order-calc-pane {
display: flex;
flex-direction: column;
gap: 12px;
padding: 14px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.07);
min-height: 0;
}
.hp-po-order-dialog .hp-po-calc-box {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 0.8rem;
line-height: 1.5;
}
.hp-po-order-dialog .hp-po-calc-box p {
margin: 0;
}
.hp-po-order-dialog .hp-po-order-form-pane {
gap: 16px;
}
.hp-po-order-dialog .opt-order-main {
gap: 18px;
}
@@ -4134,9 +4172,28 @@ html[data-theme="light"] .opt-be-dist-down {
justify-content: space-between;
gap: 8px;
align-items: baseline;
margin-bottom: 10px;
margin-bottom: 8px;
font-size: 0.88rem;
}
.hedge-plan-page-wrap .hp-live-time-row {
display: flex;
flex-wrap: wrap;
gap: 6px 14px;
margin: 0 0 10px;
padding: 8px 10px;
border-radius: 8px;
background: rgba(0, 0, 0, 0.16);
font-size: 0.76rem;
color: #9aa4b2;
}
.hedge-plan-page-wrap .hp-live-time-row strong {
color: #e8ecf4;
font-weight: 600;
}
.hedge-plan-page-wrap .hp-liq-warn,
.hedge-plan-page-wrap .hp-liq-warn strong {
color: #f5c542 !important;
}
.hedge-plan-page-wrap .hp-live-legs {
display: grid;
grid-template-columns: 1fr;