From c0d25ef0e707ae8af2f03eef47bac53486cc4e6c Mon Sep 17 00:00:00 2001
From: yarnom <admin@yarnom.com>
Date: Fri, 4 Jul 2025 13:32:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=80=82=E9=85=8D=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../templates/page/device_overview.html       | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

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;
             }