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

enhance of aside nav ui with box-shadow

Browse Source
This commit is contained in:
geekgeekrun
2026-02-09 12:09:05 +08:00
parent e33d77c57c
commit 81ba666e27
1 changed files with 16 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
packages/ui/src/renderer/src/page/MainLayout/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="flex h100vh">
<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 pl20px ml--20px">
<RouterLink v-show="false" to="./TaskManager">任务管理</RouterLink>
<div class="group-item">
<div class="group-title">BOSS直聘</div>
@@ -192,11 +192,13 @@
</div>
</div>
</div>
<RouterView v-slot="{ Component }" class="flex-1 of-hidden">
<KeepAlive>
<component :is="Component" />
</KeepAlive>
</RouterView>
<div class="router-view-wrap">
<RouterView v-slot="{ Component }" class="flex-1 of-hidden">
<KeepAlive>
<component :is="Component" />
</KeepAlive>
</RouterView>
</div>
</div>
</template>
@@ -314,6 +316,8 @@ const handleClickConfigLlm = async () => {
font-weight: 700;
color: #2faa9e;
border-radius: 9999px 0 0 9999px;
position: relative;
box-shadow: 0px 0px 10px rgba(50, 114, 108, 0.187);
}
}
}
@@ -328,4 +332,10 @@ const handleClickConfigLlm = async () => {
}
}
}
.router-view-wrap {
display: flex;
flex: 1;
height: 100%;
box-shadow: -4px 1px 20px rgb(50 114 108 / 29%);
}
</style>