style(navigation): 去除侧边栏底部SSL证书管理字样并按卡片宽度左右5px优化侧边栏等宽自适应布局

doc/Scert整改任务执行清单.md

@@ -3602,9 +3602,18 @@ P0-05 从 `[!]` 调整为 `[~]`，并未标记完成；P0-04 剩余门禁和全
 
 ## 2026年10月17日 侧边栏账号防截断优化与依据Git历史规则确定系统版本号
 
-- [~] 任务启动：梳理 Git 提交历史计算版本号、调整账号卡片空间防截断
-- [ ] 调整 DashboardLayout.css 侧边栏宽度与 DashboardNavigation.css 账号卡片紧凑排版
-- [ ] 同步更新 buildinfo.Version 与前端默认版本号
-- [ ] 运行前端单元测试全量验证
-- [ ] 编译并部署至第一台 Linux 服务器实机复核
-- [ ] 双重推送远程仓库
+- [x] 任务启动：梳理 Git 提交历史计算版本号、调整账号卡片空间防截断
+- [x] 调整 DashboardLayout.css 侧边栏宽度与 DashboardNavigation.css 账号卡片紧凑排版
+- [x] 同步更新 buildinfo.Version 与前端默认版本号
+- [x] 运行前端单元测试全量验证
+- [x] 编译并部署至第一台 Linux 服务器实机复核
+- [x] 双重推送远程仓库
+
+## 2026年10月18日 侧边栏底部SSL证书管理字样清理与侧边栏左右5px自适应布局
+
+- [x] 清理 DashboardNavigation.vue 底部“SSL 证书管理”角标及冗余 CSS
+- [x] 优化侧边栏及账号卡片等宽自适应布局，侧边栏以卡片宽度左右各留 5px 内边距（padding: 2px 5px）
+- [x] 统一第一行版本号格式为 Vx.x.x（如 V1.52.1）
+- [x] 运行前端单元测试 356 项全量验证通过
+- [x] 编译并成功部署前端产物至第一台服务器（8.137.23.95）
+- [x] 双重推送远程仓库并持续汇报进度

frontend/src/views/Dashboard/DashboardNavigation.css

@@ -7,8 +7,9 @@
   gap: 2px;
   min-height: 0;
   overflow-y: auto;
-  padding: 2px 0 2px 12px;
+  padding: 2px 5px;
   border-left: 1px solid #e2e8f2;
+  box-sizing: border-box;
   background: transparent;
 }
 
@@ -30,8 +31,7 @@
 }
 
 .navigation-heading span,
-.navigation-group,
-.navigation-footer {
+.navigation-group {
   color: #7a879d;
   font-size: 11px;
 }
@@ -82,7 +82,7 @@
   position: absolute;
   top: 8px;
   bottom: 8px;
-  left: -13px;
+  left: -6px;
   width: 3px;
   border-radius: 3px;
   background: currentColor;
@@ -132,9 +132,9 @@
 }
 
 .navigation-account-header {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   align-items: center;
-  justify-content: space-between;
   gap: 8px;
   width: 100%;
 }
@@ -152,10 +152,12 @@
   font-weight: 500;
   line-height: 1.4;
   white-space: nowrap;
+  text-align: right;
 }
 
 .navigation-account-row {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   align-items: center;
   gap: 6px;
   width: 100%;
@@ -169,7 +171,6 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  flex: 1 1 auto;
   min-width: 0;
 }
 
@@ -177,7 +178,7 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  padding: 2px 6px;
+  padding: 2px 4px;
   border-radius: 6px;
   font-size: 11px;
   font-weight: 600;
@@ -186,6 +187,8 @@
   background: #fef2f2;
   color: #ef4444;
   border: 1px solid #fee2e2;
+  text-align: center;
+  min-width: 0;
 }
 
 .navigation-role-badge.role-admin {
@@ -205,7 +208,7 @@
   align-items: center;
   justify-content: center;
   gap: 4px;
-  margin-left: auto;
+  justify-content: flex-end;
   padding: 2px 4px;
   border: none;
   border-radius: 6px;
@@ -264,10 +267,6 @@
   overflow-wrap: anywhere;
 }
 
-.navigation-footer {
-  margin: 4px 12px 0;
-  padding: 0 4px;
-}
 
 @media (max-width: 760px) {
   .dashboard-navigation {
@@ -283,8 +282,7 @@
   }
 
   .navigation-heading,
-  .navigation-group,
-  .navigation-footer {
+  .navigation-group {
     display: none;
   }
 

frontend/src/views/Dashboard/DashboardNavigation.vue

@@ -85,7 +85,7 @@ defineEmits(["select", "settings"]);
       <div v-if="currentUser" class="navigation-account-card" aria-label="当前登录账号">
         <div class="navigation-account-header">
           <span class="navigation-account-label">当前账号</span>
-          <span class="navigation-version-label">版本 {{ version || "1.52.1" }}</span>
+          <span class="navigation-version-label">版本 {{ version ? (version.startsWith("v") || version.startsWith("V") ? version : "V" + version) : "V1.52.1" }}</span>
         </div>
         <div class="navigation-account-row">
           <strong class="navigation-account-name" :title="currentUser.account">{{ currentUser.account || "未命名账号" }}</strong>
@@ -128,7 +128,6 @@ defineEmits(["select", "settings"]);
         </button>
       </div>
       <p v-if="error" class="navigation-error" role="alert">{{ error }}</p>
-      <p class="navigation-footer">SSL 证书管理</p>
     </div>
   </nav>
 </template>