style(navigation): 调整侧边栏宽度为200px并将账号版本卡片设定为190px
This commit is contained in:
parent
17004786b2
commit
3b4d6fc405
@ -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] 更新任务清单与文档,保持规范换行与双远程仓库代码同步。
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user