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

Add Chinese side label and click-to-zoom review charts.

Browse Source 
Crop thumbnails around entry/exit so short trades are visible; lightbox uses a tighter window.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-10-21 20:31:22 +08:00
parent 656038a74d
commit 9f6651da2f
4 changed files with 221 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/app.css
+69 -2
View File
@@ -130,8 +130,26 @@ th { color: var(--muted); font-weight: 600; }
padding: 10px;
min-height: 240px;
}
.chart-box h4 { margin: 0 0 8px; font-size: 13px; color: var(--muted); }
.chart-canvas { width: 100%; height: 240px; display: block; }
.chart-box h4 {
margin: 0 0 8px;
font-size: 13px;
color: var(--muted);
display: flex;
align-items: baseline;
gap: 8px;
flex-wrap: wrap;
}
.chart-zoom-hint {
margin-left: auto;
font-size: 11px;
font-weight: 400;
}
.chart-canvas {
width: 100%;
height: 240px;
display: block;
cursor: zoom-in;
}
.empty-chart {
height: 240px;
display: flex;
@@ -140,3 +158,52 @@ th { color: var(--muted); font-weight: 600; }
color: var(--muted);
font-size: 13px;
}
.chart-lightbox {
position: fixed;
inset: 0;
z-index: 1000;
background: rgba(0, 0, 0, 0.72);
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.chart-lightbox[hidden] { display: none !important; }
.chart-lightbox-panel {
width: min(1100px, 96vw);
background: #12121c;
border: 1px solid var(--border);
border-radius: 14px;
padding: 14px 16px 16px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}
.chart-lightbox-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 4px;
}
.chart-lightbox-title {
font-size: 15px;
font-weight: 700;
}
.chart-lightbox-close {
border: 0;
background: transparent;
color: var(--muted);
font-size: 28px;
line-height: 1;
cursor: pointer;
padding: 0 4px;
}
.chart-lightbox-close:hover { color: #fff; }
.chart-lightbox-hint { margin: 0 0 10px; font-size: 12px; }
.chart-lightbox-canvas {
width: 100%;
height: min(62vh, 520px);
display: block;
border-radius: 10px;
background: #0e0e18;
}