Nexus/docs/changelog/2026-06-02-servers-stat-cards-align.md

2026-06-02 — 服务器页统计卡片与仪表盘对齐

摘要

• 抽取共享组件 StatCardsRow.vue（圆角卡片 + 大数字 + 彩色图标头像 + hover 动效）。
• ServersPage.vue 顶部由 v-list 改为与 DashboardPage.vue 相同的统计卡片布局。
• 容器内边距统一为 pa-4 pa-md-6。

动机

用户要求服务器页顶部统计区与仪表盘视觉一致。

涉及文件

• frontend/src/components/StatCardsRow.vue（新建）
• frontend/src/pages/DashboardPage.vue
• frontend/src/pages/ServersPage.vue

迁移 / 重启

• 仅前端：重新 vite build 并部署 web/app/。

验证

本地构建后打开 /app/#/servers 与 /app/#/，对比顶部四张统计卡样式一致。