From bbaef43cfdd9f9d0398bf75443dd0e4b151b43af Mon Sep 17 00:00:00 2001
From: AskaEth <i@yeij.top>
Date: Sun, 26 Jul 2026 17:32:36 +0800
Subject: [PATCH] feat: #5 - live telemetry cards on home page (speed/RPM/gear
 on top)

---
 static/js/pages/home.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/js/pages/home.js b/static/js/pages/home.js
index 686effc..571469b 100644
--- a/static/js/pages/home.js
+++ b/static/js/pages/home.js
@@ -70,17 +70,17 @@ const PageHome = {
             <p style="color:var(--text-secondary);margin-bottom:24px;">实时监控 TurboSu 运行状态与游戏遥测连接</p>
         </div>
         <div class="status-grid animated" style="animation-delay:0.1s">
+            ${this._cardHtml('card-speed', '实时速度', '-- km/h', 'primary')}
+            ${this._cardHtml('card-rpm', '实时转速', '-- RPM', 'primary')}
+            ${this._cardHtml('card-gear', '当前档位', '--', 'primary')}
+        </div>
+        <div class="status-grid animated" style="animation-delay:0.15s">
             ${this._cardHtml('card-server', '服务器状态', '运行中', 'success')}
             ${this._cardHtml('card-telemetry', '遥测监听', '未启动', 'warning')}
             ${this._cardHtml('card-connections', 'WebSocket 连接', '0 个客户端', 'secondary')}
             ${this._cardHtml('card-packets', '数据包接收', '0 包', 'secondary')}
             ${this._cardHtml('card-last-packet', '最后数据包', '暂无数据', 'secondary')}
             ${this._cardHtml('card-game', '当前游戏', '未选择', 'info')}
-        </div>
-        <div class="status-grid animated" style="animation-delay:0.2s">
-            ${this._cardHtml('card-speed', '实时速度', '-- km/h', 'primary')}
-            ${this._cardHtml('card-rpm', '实时转速', '-- RPM', 'primary')}
-            ${this._cardHtml('card-gear', '当前档位', 'N', 'primary')}
         </div>`;
     },