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

fix: taller centered stats strip with larger exchange and trade count

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 01:52:50 +08:00
parent 65594c28bd
commit fc6f85e76c
4 changed files with 28 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+24 -13
View File
@@ -606,46 +606,57 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
display: grid; display: grid;
grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-columns: repeat(7, minmax(0, 1fr));
gap: 0; gap: 0;
margin-top: 10px; margin-top: 12px;
padding-top: 10px; padding: 14px 0 12px;
border-top: 1px solid var(--border-soft, #2a3150); border-top: 1px solid var(--border-soft, #2a3150);
min-height: 72px;
align-items: center;
} }
.stat-strip-item { .stat-strip-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: center;
justify-content: center; justify-content: center;
min-width: 0; min-width: 0;
padding: 0 12px; padding: 4px 10px;
border-right: 1px solid var(--border-soft, #2a3150); border-right: 1px solid var(--border-soft, #2a3150);
text-align: left; text-align: center;
} }
.stat-strip-item:first-child { .stat-strip-item:first-child {
padding-left: 0; padding-left: 4px;
} }
.stat-strip-item:last-child { .stat-strip-item:last-child {
border-right: none; border-right: none;
padding-right: 0; padding-right: 4px;
} }
.stat-strip-item .label { .stat-strip-item .label {
font-size: 0.7rem; font-size: 0.72rem;
color: #8892b0; color: #8892b0;
margin-bottom: 3px; margin-bottom: 6px;
white-space: nowrap; white-space: nowrap;
} }
.stat-strip-item .value { .stat-strip-item .value {
font-size: 0.92rem; font-size: 0.94rem;
font-weight: 600; font-weight: 600;
color: #e8ecff; color: #e8ecff;
line-height: 1.25; line-height: 1.3;
white-space: nowrap; white-space: nowrap;
} }
.stat-strip-item--primary .label {
font-size: 0.76rem;
}
.stat-strip-item--primary .value {
font-size: 1.18rem;
font-weight: 700;
}
.stat-strip-item--pnl .value.pnl-pos { .stat-strip-item--pnl .value.pnl-pos {
color: #3dd68c; color: #3dd68c;
} }
@@ -662,11 +673,11 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
.stat-strip-item { .stat-strip-item {
border-right: none; border-right: none;
padding: 0 8px 0 0; padding: 6px 8px;
} }
.stat-strip-item:first-child { .stat-strip-item:first-child {
padding-left: 0; padding-left: 6px;
} }
} }
lib/instance/templates/embed_shell.html
+1 -1
View File
@@ -7,7 +7,7 @@
<link rel="stylesheet" href="/static/instance_theme_early.css?v=4"> <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
<link rel="stylesheet" href="/static/account_risk_badge.css?v=4"> <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
<link rel="stylesheet" href="/static/instance_page.css?v=3"> <link rel="stylesheet" href="/static/instance_page.css?v=3">
<link rel="stylesheet" href="/static/instance_theme.css?v=57"> <link rel="stylesheet" href="/static/instance_theme.css?v=58">
<script src="/static/account_risk_badge.js?v=4"></script> <script src="/static/account_risk_badge.js?v=4"></script>
<meta name="theme-color" content="#0b0d14"> <meta name="theme-color" content="#0b0d14">
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title> <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
lib/instance/templates/index.html
+1 -1
View File
@@ -17,7 +17,7 @@
<link rel="manifest" href="/static/icons/manifest.webmanifest"> <link rel="manifest" href="/static/icons/manifest.webmanifest">
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title> <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
<link rel="stylesheet" href="/static/instance_page.css?v=1"> <link rel="stylesheet" href="/static/instance_page.css?v=1">
<link rel="stylesheet" href="/static/instance_theme.css?v=57"> <link rel="stylesheet" href="/static/instance_theme.css?v=58">
</head> </head>
<body <body
lib/instance/templates/instance_header_panel.html
+2 -2
View File
@@ -42,11 +42,11 @@
</div> </div>
</div> </div>
<div class="instance-header-stats instance-desktop-only"> <div class="instance-header-stats instance-desktop-only">
<div class="stat-strip-item"> <div class="stat-strip-item stat-strip-item--primary">
<div class="label">交易所</div> <div class="label">交易所</div>
<div class="value">{{ exchange_display }}</div> <div class="value">{{ exchange_display }}</div>
</div> </div>
<div class="stat-strip-item"> <div class="stat-strip-item stat-strip-item--primary">
<div class="label">总交易</div> <div class="label">总交易</div>
<div class="value" id="stat-total">{{ total }}</div> <div class="value" id="stat-total">{{ total }}</div>
</div> </div>