fz-mirrors/AstrBot
1
0
Fork 0
mirror of https://github.com/AstrBotDevs/AstrBot synced 2026-07-15 17:30:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: enhance token display styles for better readability and layout

Browse Source
This commit is contained in:
Soulter
2026-03-30 23:50:19 +08:00
parent 30d0b1e9da
commit 55f9903b2f
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
dashboard/src/views/stats/StatsPage.vue
View File

@@ -814,6 +814,10 @@ onBeforeUnmount(() => {
width: 100%;
}
.token-side-column > * {
min-width: 0;
}
.stat-card {
border: 1px solid var(--stats-border);
border-radius: 16px;
@@ -917,6 +921,8 @@ onBeforeUnmount(() => {
font-size: 19px;
font-weight: 650;
letter-spacing: -0.02em;
line-height: 1.3;
overflow-wrap: anywhere;
}
.section-subtitle {
@@ -1052,9 +1058,14 @@ onBeforeUnmount(() => {
.token-total-value {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 8px;
font-size: clamp(32px, 3vw, 44px);
line-height: 1.02;
font-weight: 700;
overflow-wrap: anywhere;
}
.token-meta-list {
@@ -1102,6 +1113,12 @@ onBeforeUnmount(() => {
white-space: nowrap;
}
.token-total-card .card-label,
.token-total-card .card-note,
.token-side-column .section-subtitle {
overflow-wrap: anywhere;
}
.empty-state {
color: var(--stats-muted);
font-size: 14px;