enhance side nav ui

packages/ui/src/renderer/src/page/MainLayout/index.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="flex h100vh">
-    <div class="flex flex-col min-w250px w250px pt30px pl30px aside-nav of-hidden">
+    <div class="flex flex-col min-w200px w200px pt30px pl30px aside-nav of-hidden">
       <div class="nav-list flex-1 of-auto">
         <RouterLink v-show="false" to="./TaskManager">任务管理</RouterLink>
+        <div class="group-item">
+          <div class="group-title">BOSS直聘</div>
+          <div flex flex-col class="link-list">
             <RouterLink to="./GeekAutoStartChatWithBoss">
               自动开聊
               <el-tooltip
@@ -91,7 +94,12 @@
             <a href="javascript:void(0)" @click="handleLaunchBossSite">
               手动逛<TopRight w-1em h-1em mr10px />
             </a>
-        <hr w230px />
+          </div>
+        </div>
+        <hr class="group-divider" />
+        <div class="group-item">
+          <div class="group-title">全局设置</div>
+          <div flex flex-col class="link-list">
             <a href="javascript:void(0)" @click="handleClickBrowserSetting">
               编辑浏览器偏好<TopRight w-1em h-1em mr10px />
             </a>
@@ -129,13 +137,20 @@
                 <TopRight w-1em h-1em mr10px />
               </div>
             </a>
-        <hr w230px />
+          </div>
+        </div>
+        <hr class="group-divider" />
+        <div class="group-item">
+          <div class="group-title">运行数据</div>
+          <div flex flex-col class="link-list">
             <RouterLink to="./StartChatRecord">开聊记录</RouterLink>
             <RouterLink to="./MarkAsNotSuitRecord">标记不合适记录</RouterLink>
             <RouterLink to="./JobLibrary">职位库</RouterLink>
             <RouterLink to="./BossLibrary">BOSS库</RouterLink>
             <RouterLink to="./CompanyLibrary">公司库</RouterLink>
           </div>
+        </div>
+      </div>
       <div class="pt-16px pb-16px flex-0 font-size-12px">
         <div v-if="updateStore.availableNewRelease" mb16px>
           <div
@@ -270,13 +285,29 @@ const handleClickConfigLlm = async () => {
 .aside-nav {
   background-image: linear-gradient(45deg, #eaf4f1, #dcf6f2);
   .nav-list {
-    > a {
+    hr.group-divider {
+      width: 100%;
+      border: 0 solid;
+      height: 1px;
+      background-color: #b3c8c3;
+      margin-top: 4px;
+      margin-bottom: 4px;
+      margin-right: 0;
+    }
+    .group-item {
+      .group-title {
+        color: #849492;
+        font-size: 12px;
+        padding: 0.25em 0;
+      }
+      .link-list {
+        a {
           display: flex;
           align-items: center;
           justify-content: space-between;
           height: 2em;
           box-sizing: border-box;
-      padding-left: 1.5em;
+          padding-left: 1em;
           font-size: 14px;
           &.router-link-active {
             background-color: #fff;
@@ -285,13 +316,7 @@ const handleClickConfigLlm = async () => {
             border-radius: 9999px 0 0 9999px;
           }
         }
-    > hr {
-      border: 0 solid;
-      height: 1px;
-      background-color: #b3c8c3;
-      margin-top: 0;
-      margin-bottom: 0;
-      margin-right: 0;
+      }
     }
   }
   .feedback-button-area,