From 3b4d6fc405479685f31e4267016f9f12ef08bf1d Mon Sep 17 00:00:00 2001
From: xuans <likb_blue@163.com>
Date: Sun, 18 Oct 2026 12:44:36 +0800
Subject: [PATCH] =?UTF-8?q?style(navigation):=20=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=AE=BD=E5=BA=A6=E4=B8=BA200px?=
 =?UTF-8?q?=E5=B9=B6=E5=B0=86=E8=B4=A6=E5=8F=B7=E7=89=88=E6=9C=AC=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E8=AE=BE=E5=AE=9A=E4=B8=BA190px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc/Scert整改任务执行清单.md                 | 9 +++++++++
 frontend/src/views/Dashboard/DashboardLayout.css     | 4 ++--
 frontend/src/views/Dashboard/DashboardNavigation.css | 9 +++++----
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/doc/Scert整改任务执行清单.md b/doc/Scert整改任务执行清单.md
index 1d37fd2..5b8bff9 100644
--- a/doc/Scert整改任务执行清单.md
+++ b/doc/Scert整改任务执行清单.md
@@ -3643,3 +3643,12 @@ P0-05 从 `[!]` 调整为 `[~]`，并未标记完成；P0-04 剩余门禁和全
 - [x] 运行前端单元测试 356 项全量验证通过
 - [x] 编译并成功部署前端产物至第一台服务器（8.137.23.95）
 - [x] 双重推送远程仓库并持续汇报进度
+
+## 2026年10月18日 侧边栏宽度设为200px与账号版本卡片设为190px规格重构
+
+- [x] 梳理需求：侧边栏总宽度严格锁定为 200px，底部账号与版本卡片严格锁定为 190px（左右各留 5px 自适应居中外边距）。
+- [x] 修改 frontend/src/views/Dashboard/DashboardLayout.css：将工作区网格列宽统一调整为固定的 200px。
+- [x] 修改 frontend/src/views/Dashboard/DashboardNavigation.css：将 .navigation-account-card 宽度设置为固定的 190px，max-width: 190px，外边距设为 0 auto 10px，内边距紧凑微调为 8px 8px，间距微调为 6px。
+- [x] 运行前端全量单元测试：357 项测试全部全绿通过（357 pass, 0 fail）。
+- [x] 重新打包构建前端生产产物（vite build），并通过 SFTP 部署同步至第一台生产服务器（8.137.23.95:/scert/web/）。
+- [x] 更新任务清单与文档，保持规范换行与双远程仓库代码同步。
diff --git a/frontend/src/views/Dashboard/DashboardLayout.css b/frontend/src/views/Dashboard/DashboardLayout.css
index 244cc9d..82c2f3d 100644
--- a/frontend/src/views/Dashboard/DashboardLayout.css
+++ b/frontend/src/views/Dashboard/DashboardLayout.css
@@ -49,7 +49,7 @@
 
 .dashboard-workspace {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) clamp(210px, 22%, 256px);
+  grid-template-columns: minmax(0, 1fr) 200px;
   grid-template-areas: "main submenu";
   gap: 18px;
   min-height: 0;
@@ -142,7 +142,7 @@
 
 @media (max-width: 1100px) {
   .dashboard-workspace {
-    grid-template-columns: minmax(0, 1fr) 210px;
+    grid-template-columns: minmax(0, 1fr) 200px;
     gap: 14px;
   }
 
diff --git a/frontend/src/views/Dashboard/DashboardNavigation.css b/frontend/src/views/Dashboard/DashboardNavigation.css
index 8871acd..8555f15 100644
--- a/frontend/src/views/Dashboard/DashboardNavigation.css
+++ b/frontend/src/views/Dashboard/DashboardNavigation.css
@@ -120,11 +120,12 @@
 .navigation-account-card {
   display: flex;
   flex-direction: column;
-  gap: 8px;
-  width: 100%;
+  gap: 6px;
+  width: 190px;
+  max-width: 190px;
   box-sizing: border-box;
-  margin: 0 0 10px;
-  padding: 10px 10px;
+  margin: 0 auto 10px;
+  padding: 8px 8px;
   border: 1px solid #e2e8f2;
   border-radius: 10px;
   background: #f8faff;