GithubBackup/geekgeekrun
1
0
Fork 0
mirror of https://github.com/geekgeekrun/geekgeekrun.git synced 2026-09-08 17:09:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

enhance side nav ui

Browse Source
This commit is contained in:
geekgeekrun
2026-02-09 08:38:03 +08:00
parent 46c0bcba42
commit baef48752f
1 changed files with 171 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/renderer/src/page/MainLayout/index.vue
+37 -12
View File
@@ -1,8 +1,11 @@
<template> <template>
<div class="flex h100vh"> <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"> <div class="nav-list flex-1 of-auto">
<RouterLink v-show="false" to="./TaskManager">任务管理</RouterLink> <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"> <RouterLink to="./GeekAutoStartChatWithBoss">
自动开聊 自动开聊
<el-tooltip <el-tooltip
@@ -91,7 +94,12 @@
<a href="javascript:void(0)" @click="handleLaunchBossSite"> <a href="javascript:void(0)" @click="handleLaunchBossSite">
手动逛<TopRight w-1em h-1em mr10px /> 手动逛<TopRight w-1em h-1em mr10px />
</a> </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"> <a href="javascript:void(0)" @click="handleClickBrowserSetting">
编辑浏览器偏好<TopRight w-1em h-1em mr10px /> 编辑浏览器偏好<TopRight w-1em h-1em mr10px />
</a> </a>
@@ -129,13 +137,20 @@
<TopRight w-1em h-1em mr10px /> <TopRight w-1em h-1em mr10px />
</div> </div>
</a> </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="./StartChatRecord">开聊记录</RouterLink>
<RouterLink to="./MarkAsNotSuitRecord">标记不合适记录</RouterLink> <RouterLink to="./MarkAsNotSuitRecord">标记不合适记录</RouterLink>
<RouterLink to="./JobLibrary">职位库</RouterLink> <RouterLink to="./JobLibrary">职位库</RouterLink>
<RouterLink to="./BossLibrary">BOSS库</RouterLink> <RouterLink to="./BossLibrary">BOSS库</RouterLink>
<RouterLink to="./CompanyLibrary">公司库</RouterLink> <RouterLink to="./CompanyLibrary">公司库</RouterLink>
</div> </div>
</div>
</div>
<div class="pt-16px pb-16px flex-0 font-size-12px"> <div class="pt-16px pb-16px flex-0 font-size-12px">
<div v-if="updateStore.availableNewRelease" mb16px> <div v-if="updateStore.availableNewRelease" mb16px>
<div <div
@@ -270,13 +285,29 @@ const handleClickConfigLlm = async () => {
.aside-nav { .aside-nav {
background-image: linear-gradient(45deg, #eaf4f1, #dcf6f2); background-image: linear-gradient(45deg, #eaf4f1, #dcf6f2);
.nav-list { .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; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
height: 2em; height: 2em;
box-sizing: border-box; box-sizing: border-box;
padding-left: 1.5em; padding-left: 1em;
font-size: 14px; font-size: 14px;
&.router-link-active { &.router-link-active {
background-color: #fff; background-color: #fff;
@@ -285,13 +316,7 @@ const handleClickConfigLlm = async () => {
border-radius: 9999px 0 0 9999px; 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, .feedback-button-area,