Simplify option close depth display.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-11 09:04:17 +08:00
parent e8a55a0f85
commit 1b31c61aac
3 changed files with 26 additions and 87 deletions
+4 -48
View File
@@ -3608,11 +3608,11 @@ html[data-theme="light"] .options-estimate-row {
}
.options-page-wrap .opt-bid-level {
display: inline-grid;
grid-template-columns: auto auto auto;
grid-template-columns: auto auto;
align-items: center;
gap: 4px;
gap: 5px;
min-height: 24px;
padding: 3px 7px;
padding: 3px 9px;
border: 1px solid rgba(82, 101, 143, 0.55);
border-radius: 999px;
background: rgba(18, 24, 37, 0.72);
@@ -3637,21 +3637,16 @@ html[data-theme="light"] .options-estimate-row {
color: #ffffff;
font-weight: 700;
}
.options-page-wrap .opt-bid-size {
color: #93a2bd;
font-size: 0.66rem;
}
.options-page-wrap .opt-close-preview {
display: flex;
flex-direction: column;
gap: 5px;
align-items: flex-start;
}
.options-page-wrap .opt-close-main {
display: inline-flex;
align-items: baseline;
gap: 4px;
color: #ff7b87;
color: #f2f6ff;
font-size: 0.9rem;
font-weight: 800;
font-variant-numeric: tabular-nums;
@@ -3662,45 +3657,6 @@ html[data-theme="light"] .options-estimate-row {
font-size: 0.62rem;
font-weight: 600;
}
.options-page-wrap .opt-close-sub {
display: flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
}
.options-page-wrap .opt-close-pill,
.options-page-wrap .opt-close-pnl {
display: inline-flex;
align-items: center;
min-height: 20px;
padding: 2px 6px;
border-radius: 999px;
font-size: 0.64rem;
font-weight: 650;
line-height: 1;
font-variant-numeric: tabular-nums;
}
.options-page-wrap .opt-close-pill--ok {
color: #9fe6c1;
background: rgba(40, 154, 104, 0.16);
border: 1px solid rgba(67, 190, 128, 0.35);
}
.options-page-wrap .opt-close-pill--warn {
color: #ffd0d5;
background: rgba(214, 80, 96, 0.16);
border: 1px solid rgba(233, 104, 118, 0.35);
}
.options-page-wrap .opt-close-pnl {
color: #9aa8c2;
background: rgba(82, 101, 143, 0.18);
border: 1px solid rgba(82, 101, 143, 0.34);
}
.options-page-wrap .opt-close-pnl.is-profit {
color: #8ce9bb;
}
.options-page-wrap .opt-close-pnl.is-loss {
color: #ff97a2;
}
.options-page-wrap .opt-close-rule {
margin-top: 8px;
padding: 0;