Align option display precision with OKX and use exchange position history.

Format prices by tickSz, move bid depth/recovery to card end with plain styling, and load option history from OKX positions-history instead of local DB.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-11 09:14:43 +08:00
parent 1b31c61aac
commit fdea5bb610
6 changed files with 396 additions and 156 deletions
+4 -56
View File
@@ -3600,62 +3600,15 @@ html[data-theme="light"] .options-estimate-row {
.options-page-wrap .opt-pos-cell--depth {
grid-column: span 2;
}
.options-page-wrap .opt-bid-depth {
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
}
.options-page-wrap .opt-bid-level {
display: inline-grid;
grid-template-columns: auto auto;
align-items: center;
gap: 5px;
min-height: 24px;
padding: 3px 9px;
border: 1px solid rgba(82, 101, 143, 0.55);
border-radius: 999px;
background: rgba(18, 24, 37, 0.72);
.options-page-wrap .opt-bid-plain {
color: #dbe6ff;
line-height: 1;
font-variant-numeric: tabular-nums;
line-height: 1.35;
white-space: normal;
}
.options-page-wrap .opt-bid-level--best {
border-color: rgba(93, 143, 255, 0.9);
background: linear-gradient(135deg, rgba(47, 86, 170, 0.72), rgba(28, 39, 68, 0.84));
box-shadow: inset 0 0 0 1px rgba(122, 164, 255, 0.1), 0 6px 14px rgba(24, 46, 92, 0.24);
}
.options-page-wrap .opt-bid-rank {
color: #91a4cc;
font-size: 0.64rem;
font-weight: 600;
}
.options-page-wrap .opt-bid-level--best .opt-bid-rank {
color: #c8d8ff;
}
.options-page-wrap .opt-bid-price {
color: #ffffff;
.options-page-wrap .opt-close-value {
font-weight: 700;
}
.options-page-wrap .opt-close-preview {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.options-page-wrap .opt-close-main {
display: inline-flex;
align-items: baseline;
gap: 4px;
color: #f2f6ff;
font-size: 0.9rem;
font-weight: 800;
font-variant-numeric: tabular-nums;
line-height: 1.05;
}
.options-page-wrap .opt-close-main span {
color: #9aa8c2;
font-size: 0.62rem;
font-weight: 600;
}
.options-page-wrap .opt-close-rule {
margin-top: 8px;
@@ -3774,11 +3727,6 @@ html[data-theme="light"] .options-estimate-row {
.opt-history-table td:nth-child(6) {
width: 20%;
}
.opt-history-table th:nth-child(7),
.opt-history-table td:nth-child(7) {
width: 8%;
text-align: center;
}
.opt-hist-time {
font-size: 0.64rem;
white-space: nowrap;