fix: taller centered stats strip with larger exchange and trade count
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -606,46 +606,57 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(7, minmax(0, 1fr));
|
||||
gap: 0;
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
margin-top: 12px;
|
||||
padding: 14px 0 12px;
|
||||
border-top: 1px solid var(--border-soft, #2a3150);
|
||||
min-height: 72px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.stat-strip-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 0;
|
||||
padding: 0 12px;
|
||||
padding: 4px 10px;
|
||||
border-right: 1px solid var(--border-soft, #2a3150);
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.stat-strip-item:first-child {
|
||||
padding-left: 0;
|
||||
padding-left: 4px;
|
||||
}
|
||||
|
||||
.stat-strip-item:last-child {
|
||||
border-right: none;
|
||||
padding-right: 0;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.stat-strip-item .label {
|
||||
font-size: 0.7rem;
|
||||
font-size: 0.72rem;
|
||||
color: #8892b0;
|
||||
margin-bottom: 3px;
|
||||
margin-bottom: 6px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.stat-strip-item .value {
|
||||
font-size: 0.92rem;
|
||||
font-size: 0.94rem;
|
||||
font-weight: 600;
|
||||
color: #e8ecff;
|
||||
line-height: 1.25;
|
||||
line-height: 1.3;
|
||||
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 {
|
||||
color: #3dd68c;
|
||||
}
|
||||
@@ -662,11 +673,11 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
|
||||
|
||||
.stat-strip-item {
|
||||
border-right: none;
|
||||
padding: 0 8px 0 0;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
.stat-strip-item:first-child {
|
||||
padding-left: 0;
|
||||
padding-left: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<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/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>
|
||||
<meta name="theme-color" content="#0b0d14">
|
||||
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<link rel="manifest" href="/static/icons/manifest.webmanifest">
|
||||
<title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
|
||||
<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>
|
||||
<body
|
||||
|
||||
@@ -42,11 +42,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<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="value">{{ exchange_display }}</div>
|
||||
</div>
|
||||
<div class="stat-strip-item">
|
||||
<div class="stat-strip-item stat-strip-item--primary">
|
||||
<div class="label">总交易</div>
|
||||
<div class="value" id="stat-total">{{ total }}</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user