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

Add hedge history delete/detail modal and typed stats cards.

Browse Source 
History shows contract names with clickable fill details; stats split perp vs options plans for win rate, profit factor, max win/loss, and drawdown.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-14 14:04:48 +08:00
parent e6907dfbbe
commit f6ef06f659
8 changed files with 700 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+117
View File
@@ -3403,6 +3403,123 @@ html[data-theme="light"] .opt-be-dist-down {
background: rgba(255, 255, 255, 0.03);
font-size: 0.78rem;
}
.hedge-plan-page-wrap .hp-contracts-cell {
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hedge-plan-page-wrap .hp-hist-actions {
white-space: nowrap;
}
.hedge-plan-page-wrap .hp-hist-actions .btn-secondary {
padding: 3px 8px;
font-size: 0.72rem;
min-height: 26px;
}
.hedge-plan-page-wrap .hp-stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 12px;
margin-top: 8px;
}
.hedge-plan-page-wrap .hp-stats-grid--sub {
margin-top: 14px;
}
.hedge-plan-page-wrap .hp-stats-card {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 12px 14px;
background: rgba(0, 0, 0, 0.22);
}
.hedge-plan-page-wrap .hp-stats-card h3 {
margin: 0 0 8px;
font-size: 0.92rem;
color: #e8eefc;
}
.hedge-plan-page-wrap .hp-stats-list {
list-style: none;
margin: 0;
padding: 0;
}
.hedge-plan-page-wrap .hp-stats-list li {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px;
margin: 5px 0;
font-size: 0.8rem;
}
.hedge-plan-page-wrap .hp-stats-list li > span:first-child {
color: #9aa4b2;
min-width: 4.5em;
}
.hedge-plan-page-wrap .hp-modal-backdrop {
position: fixed;
inset: 0;
z-index: 1300;
background: rgba(0, 0, 0, 0.72);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.hedge-plan-page-wrap .hp-modal-backdrop[hidden] {
display: none !important;
}
.hedge-plan-page-wrap .hp-modal {
width: min(96vw, 980px);
max-height: 88vh;
overflow: auto;
background: #121726;
border: 1px solid #2a3150;
border-radius: 12px;
padding: 14px 16px;
}
.hedge-plan-page-wrap .hp-modal-head {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.hedge-plan-page-wrap .hp-modal-head h3 {
margin: 0;
font-size: 1rem;
color: #dbe4ff;
}
.hedge-plan-page-wrap .hp-detail-summary {
display: grid;
gap: 6px;
margin-bottom: 12px;
font-size: 0.82rem;
color: #e5e9ff;
}
.hedge-plan-page-wrap .hp-detail-legs {
margin-top: 4px;
}
.hedge-plan-page-wrap .hp-ord {
font-size: 0.62rem;
word-break: break-all;
}
.hedge-plan-page-wrap .hp-detail-note {
margin-top: 10px;
font-size: 0.82rem;
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-modal {
background: #f7f8fc;
border-color: #c9d2e8;
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-modal-head h3 {
color: #1a2438;
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-stats-card {
background: rgba(255, 255, 255, 0.7);
border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .hedge-plan-page-wrap .hp-stats-card h3 {
color: #1a2438;
}
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);