diff --git a/sec-beidou/src/main/resources/templates/page/device_overview.html b/sec-beidou/src/main/resources/templates/page/device_overview.html index 3f904365..cabb96b3 100644 --- a/sec-beidou/src/main/resources/templates/page/device_overview.html +++ b/sec-beidou/src/main/resources/templates/page/device_overview.html @@ -284,37 +284,46 @@ } .overview-stats { - gap: 4px; + gap: 6px; flex-wrap: wrap; + justify-content: flex-start; } .stat-item { flex: 0 0 auto; - min-width: auto; + min-width: 70px; width: auto; - max-width: calc(33.33% - 3px); - padding: 3px 6px; + max-width: calc(50% - 4px); + padding: 4px 6px; font-size: 10px; - height: 20px; + height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + display: flex; + align-items: center; + gap: 2px; } .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 { - width: 4px; - height: 4px; - margin-right: 3px; + width: 6px; + height: 6px; + margin-right: 0; flex-shrink: 0; } .stat-number { - font-size: 11px; + font-size: 12px; font-weight: bold; + color: #333; }