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

feat: daily volume top20 rank per exchange in market page

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-08 15:46:36 +08:00
parent 09eb9dc475
commit 4bf0c2363f
11 changed files with 763 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+111
View File
@@ -2928,6 +2928,117 @@ body.login-page {
pointer-events: auto;
}
.market-field-symbol .market-symbol-wrap {
display: flex;
align-items: stretch;
gap: 6px;
min-width: 0;
}
.market-field-symbol .market-symbol-wrap > input {
flex: 1;
min-width: 120px;
}
.market-vol-rank {
position: relative;
flex: 0 0 auto;
}
.market-vol-rank > summary {
list-style: none;
cursor: pointer;
height: 100%;
min-height: 34px;
padding: 0 10px;
display: inline-flex;
align-items: center;
border: 1px solid var(--border-soft);
border-radius: 6px;
background: var(--inset-surface);
color: var(--accent);
font-size: 0.78rem;
font-weight: 600;
white-space: nowrap;
}
.market-vol-rank > summary::-webkit-details-marker {
display: none;
}
.market-vol-rank[open] > summary {
border-color: rgba(0, 255, 157, 0.35);
background: rgba(0, 255, 157, 0.08);
}
.market-vol-rank-panel {
position: absolute;
top: calc(100% + 4px);
right: 0;
z-index: 30;
width: min(320px, 72vw);
max-height: 360px;
overflow: auto;
border: 1px solid var(--border-soft);
border-radius: 8px;
background: var(--panel-bg, #1a1f2e);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
padding: 8px 0 6px;
}
.market-vol-rank-meta {
padding: 0 10px 6px;
font-size: 0.68rem;
color: var(--muted);
line-height: 1.35;
}
.market-vol-rank-list {
margin: 0;
padding: 0;
list-style: none;
}
.market-vol-rank-item {
width: 100%;
display: grid;
grid-template-columns: 28px 1fr auto;
gap: 6px;
align-items: center;
padding: 6px 10px;
border: 0;
background: transparent;
color: var(--text);
font-size: 0.8rem;
font-family: var(--font);
text-align: left;
cursor: pointer;
}
.market-vol-rank-item:hover {
background: var(--inset-surface);
}
.market-vol-rank-item.is-active {
background: rgba(0, 255, 157, 0.1);
color: var(--accent);
}
.market-vol-rank-no {
color: var(--muted);
font-variant-numeric: tabular-nums;
}
.market-vol-rank-sym {
font-weight: 600;
}
.market-vol-rank-vol {
color: var(--muted);
font-size: 0.72rem;
font-variant-numeric: tabular-nums;
}
.market-draw-menu {
position: fixed;
z-index: 1200;