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

Switch hedge-plan modes to high-contrast tabs with history/stats placeholders.

Browse Source 
EOF

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-14 11:29:50 +08:00
parent 9e17814e37
commit 4df2cb4253
5 changed files with 313 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+89
View File
@@ -3167,6 +3167,95 @@ html[data-theme="light"] .opt-be-dist-down {
.options-strike-table-wrap--t {
max-height: 380px;
}
/* 对冲计划 Tab：高对比选中态 */
.hedge-plan-page-wrap .hp-head-card {
margin-bottom: 12px;
}
.hedge-plan-page-wrap .hp-head-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}
.hedge-plan-page-wrap .hp-title {
margin: 0;
}
.hedge-plan-page-wrap .hp-title-sub {
font-size: 0.85rem;
font-weight: 400;
}
.hedge-plan-page-wrap .hp-tabs {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 10px;
padding: 6px;
border-radius: 10px;
background: rgba(0, 0, 0, 0.28);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.hedge-plan-page-wrap .hp-tab {
appearance: none;
border: 1px solid rgba(255, 255, 255, 0.14);
background: rgba(255, 255, 255, 0.04);
color: #aeb6c5;
font-size: 0.92rem;
font-weight: 600;
padding: 9px 16px;
border-radius: 8px;
cursor: pointer;
line-height: 1.2;
transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.hedge-plan-page-wrap .hp-tab:hover {
color: #eef3ff;
border-color: rgba(120, 170, 255, 0.45);
background: rgba(74, 124, 255, 0.16);
}
.hedge-plan-page-wrap .hp-tab.active {
color: #0b1220;
background: linear-gradient(180deg, #d7e6ff 0%, #8eb6ff 100%);
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-tab-panel.hidden,
.hedge-plan-page-wrap .hp-tab-panel[hidden] {
display: none !important;
}
.hedge-plan-page-wrap .hp-placeholder {
margin: 16px 0 4px;
padding: 18px;
text-align: center;
border-radius: 8px;
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;
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-tabs {
background: rgba(15, 23, 42, 0.06);
border-color: rgba(15, 23, 42, 0.1);
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-tab {
background: #fff;
color: #5b6472;
border-color: rgba(15, 23, 42, 0.14);
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-tab.active {
color: #0b1220;
background: linear-gradient(180deg, #ffffff 0%, #b9d2ff 100%);
border-color: #2f6fed;
box-shadow: 0 0 0 2px rgba(47, 111, 237, 0.25);
}
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);
}
.options-strike-table--t thead th {
text-align: center;
}