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;