feat: 适配手机端

This commit is contained in:
yarnom 2025-07-04 13:32:58 +08:00
parent c0ba5fc4b9
commit c0d25ef0e7

View File

@ -284,37 +284,46 @@
} }
.overview-stats { .overview-stats {
gap: 4px; gap: 6px;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start;
} }
.stat-item { .stat-item {
flex: 0 0 auto; flex: 0 0 auto;
min-width: auto; min-width: 70px;
width: auto; width: auto;
max-width: calc(33.33% - 3px); max-width: calc(50% - 4px);
padding: 3px 6px; padding: 4px 6px;
font-size: 10px; font-size: 10px;
height: 20px; height: 24px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
display: flex;
align-items: center;
gap: 2px;
} }
.stat-item span:not(.stat-dot):not(.stat-number) { .stat-item span:not(.stat-dot):not(.stat-number) {
display: none; font-size: 9px;
max-width: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.stat-dot { .stat-dot {
width: 4px; width: 6px;
height: 4px; height: 6px;
margin-right: 3px; margin-right: 0;
flex-shrink: 0; flex-shrink: 0;
} }
.stat-number { .stat-number {
font-size: 11px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #333;
} }