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

Add hub strategy compare page for perp vs options vs 7:3 hedge.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-23 14:39:59 +08:00
parent b6156e0049
commit ed3033d793
9 changed files with 1094 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+64
View File
@@ -11008,3 +11008,67 @@ html[data-theme="light"] .hub-logs-card-hint {
.amp-form { grid-template-columns: 1fr 1fr; }
.amp-actions { grid-column: 1 / -1; }
}
/* ©¤©¤ ²ßÂÔ¶Ô±È ©¤©¤ */
.cmp-form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 14px; }
.cmp-common-card h2,
.cmp-form .card h2 { margin: 0 0 10px; font-size: 15px; }
.cmp-subhead { margin: 14px 0 8px; font-size: 13px; color: var(--muted); font-weight: 600; }
.cmp-form-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px 12px;
}
.cmp-field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); }
.cmp-field input,
.cmp-field select {
background: var(--inset-surface);
border: 1px solid var(--border-soft);
border-radius: 8px;
color: var(--text);
padding: 8px 10px;
font-size: 13px;
}
.cmp-input-cols {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.cmp-summary {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.cmp-sum-card { padding: 12px 14px; }
.cmp-sum-card h3 { margin: 0 0 8px; font-size: 14px; }
.cmp-sum-row {
display: flex; justify-content: space-between; gap: 8px;
font-size: 12px; margin: 4px 0; color: var(--muted);
}
.cmp-sum-row strong { color: var(--text); font-weight: 600; }
.cmp-muted { color: var(--muted); font-size: 12px; margin: 0; }
.cmp-table-wrap { margin-bottom: 14px; }
.cmp-table-scroll { overflow-x: auto; }
.cmp-table {
width: 100%; border-collapse: collapse; font-size: 13px;
background: var(--card); border: 1px solid var(--border-soft); border-radius: 10px;
}
.cmp-table th, .cmp-table td {
border-bottom: 1px solid var(--border-soft);
padding: 10px 12px; vertical-align: top; text-align: left;
}
.cmp-table th:first-child, .cmp-table td:first-child { width: 22%; }
.cmp-cell-note { margin-top: 4px; font-size: 11px; color: var(--muted); line-height: 1.35; }
.cmp-pnl-pos { color: var(--green); font-weight: 600; }
.cmp-pnl-neg { color: var(--red); font-weight: 600; }
.cmp-rec-card { padding: 14px 16px; }
.cmp-rec-head { font-size: 16px; margin-bottom: 6px; }
.cmp-rec-reason { margin: 0 0 8px; color: var(--muted); font-size: 13px; }
.cmp-rec-list { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.5; }
.cmp-warn { margin-top: 10px; font-size: 12px; color: var(--warn, #e6a23c); }
.cmp-foot-note { margin: 10px 0 0; font-size: 11px; color: var(--muted); }
@media (max-width: 900px) {
.cmp-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cmp-input-cols, .cmp-summary { grid-template-columns: 1fr; }
}