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

Improve hedge-plan option board: moneyness, px/sz, accounts, and denser UI.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-14 12:27:09 +08:00
parent 4df2cb4253
commit 09cd680e4a
6 changed files with 333 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+85 -8
View File
@@ -3169,6 +3169,18 @@ html[data-theme="light"] .opt-be-dist-down {
}
/* 对冲计划 Tab：高对比选中态 */
.hedge-plan-page-wrap {
font-size: 0.8rem;
}
.hedge-plan-page-wrap .card {
padding: 12px 14px;
}
.hedge-plan-page-wrap .card h2,
.hedge-plan-page-wrap .hp-title {
font-size: 0.9rem;
margin: 0 0 8px;
font-weight: 600;
}
.hedge-plan-page-wrap .hp-head-card {
margin-bottom: 12px;
}
@@ -3178,20 +3190,55 @@ html[data-theme="light"] .opt-be-dist-down {
gap: 10px;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
margin-bottom: 10px;
}
.hedge-plan-page-wrap .hp-title {
margin: 0;
}
.hedge-plan-page-wrap .hp-title-sub {
font-size: 0.85rem;
font-size: 0.75rem;
font-weight: 400;
}
.hedge-plan-page-wrap .hp-quote-line,
.hedge-plan-page-wrap .hp-acct-hint,
.hedge-plan-page-wrap #hp-sizing-line,
.hedge-plan-page-wrap #hp-gate-line {
font-size: 0.72rem;
line-height: 1.45;
margin: 4px 0 6px;
}
.hedge-plan-page-wrap .hp-acct-tag {
font-size: 0.68rem;
font-weight: 500;
margin-left: 4px;
}
.hedge-plan-page-wrap .form-row label,
.hedge-plan-page-wrap .form-row select,
.hedge-plan-page-wrap .form-row input,
.hedge-plan-page-wrap .form-row .btn-secondary,
.hedge-plan-page-wrap .form-row .primary {
font-size: 0.74rem;
}
.hedge-plan-page-wrap .form-row input[type="number"] {
max-width: 110px;
padding: 4px 6px;
min-height: 28px;
}
.hedge-plan-page-wrap .options-strike-table {
font-size: 0.74rem;
}
.hedge-plan-page-wrap .options-strike-table th,
.hedge-plan-page-wrap .options-strike-table td {
padding: 5px 4px;
}
.hedge-plan-page-wrap .options-strike-table code {
font-size: 0.66rem;
}
.hedge-plan-page-wrap .hp-tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 10px;
margin: 0 0 8px;
padding: 6px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.28);
@@ -3202,9 +3249,9 @@ html[data-theme="light"] .opt-be-dist-down {
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.04);
color: #aeb6c5;
font-size: 0.92rem;
font-size: 0.82rem;
font-weight: 600;
padding: 9px 16px;
padding: 7px 14px;
border-radius: 8px;
cursor: pointer;
line-height: 1.2;
@@ -3221,6 +3268,31 @@ html[data-theme="light"] .opt-be-dist-down {
border-color: #fff;
box-shadow: 0 0 0 2px rgba(142, 182, 255, 0.55), 0 6px 16px rgba(0, 0, 0, 0.35);
}
.hedge-plan-page-wrap .hp-uly-btn,
.hedge-plan-page-wrap .hp-uly-btn-oo,
.hedge-plan-page-wrap .hp-money-btn {
min-width: 52px;
font-weight: 600;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.04);
color: #9aa4b2;
}
.hedge-plan-page-wrap .hp-uly-btn.active,
.hedge-plan-page-wrap .hp-uly-btn-oo.active,
.hedge-plan-page-wrap .hp-money-btn.active {
color: #0b1220;
background: linear-gradient(180deg, #ffffff 0%, #9ec0ff 100%);
border-color: #fff;
box-shadow: 0 0 0 2px rgba(100, 160, 255, 0.5);
}
.hedge-plan-page-wrap .hp-money-hint {
font-size: 0.68rem;
margin-left: 4px;
}
.hedge-plan-page-wrap .hp-pick.active,
.hedge-plan-page-wrap .opt-row-selected td {
background: rgba(90, 140, 255, 0.18);
}
.hedge-plan-page-wrap .hp-tab-panel.hidden,
.hedge-plan-page-wrap .hp-tab-panel[hidden] {
display: none !important;
@@ -3233,9 +3305,7 @@ html[data-theme="light"] .opt-be-dist-down {
border: 1px dashed rgba(255, 255, 255, 0.16);
color: #9aa4b2;
background: rgba(255, 255, 255, 0.03);
}
.hedge-plan-page-wrap #hp-gate-line {
margin: 0;
font-size: 0.78rem;
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-tabs {
background: rgba(15, 23, 42, 0.06);
@@ -3252,6 +3322,13 @@ html[data-theme="light"] .hedge-plan-page-wrap .hp-tab.active {
border-color: #2f6fed;
box-shadow: 0 0 0 2px rgba(47, 111, 237, 0.25);
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-uly-btn.active,
html[data-theme="light"] .hedge-plan-page-wrap .hp-uly-btn-oo.active,
html[data-theme="light"] .hedge-plan-page-wrap .hp-money-btn.active {
color: #0b1220;
background: linear-gradient(180deg, #ffffff 0%, #b9d2ff 100%);
border-color: #2f6fed;
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-placeholder {
border-color: rgba(15, 23, 42, 0.18);
background: rgba(15, 23, 42, 0.03);