LiuMangMang/ssh-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix: reorder sidebar navigation items

Browse Source
This commit is contained in:
liumangmang
2026-03-24 14:47:39 +08:00
parent b236386273
commit 6f8edcec33
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/layouts/MainLayout.vue
View File

@@ -58,26 +58,26 @@ function handleTabClose(tabId: string, event: Event) {
<p class="text-sm text-slate-400">{{ authStore.displayName || authStore.username }}</p> <p class="text-sm text-slate-400">{{ authStore.displayName || authStore.username }}</p>
</div> </div>
<nav class="flex-1 p-4 space-y-1 pt-16 lg:pt-4 overflow-y-auto"> <nav class="flex-1 p-4 space-y-1 pt-16 lg:pt-4 overflow-y-auto">
<RouterLink <RouterLink
to="/transfers" to="/connections"
@click="closeSidebar" @click="closeSidebar"
class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 cursor-pointer min-h-[44px] focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-inset"
:class="{ 'bg-slate-700 text-cyan-400': route.path === '/transfers' }"
aria-label="传输"
>
<ArrowLeftRight class="w-5 h-5 flex-shrink-0" aria-hidden="true" />
<span>传输</span>
</RouterLink>
<RouterLink
to="/connections"
@click="closeSidebar"
class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 cursor-pointer min-h-[44px] focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-inset" class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 cursor-pointer min-h-[44px] focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-inset"
:class="{ 'bg-slate-700 text-cyan-400': route.path === '/connections' }" :class="{ 'bg-slate-700 text-cyan-400': route.path === '/connections' }"
aria-label="连接列表" aria-label="连接列表"
> >
<Server class="w-5 h-5 flex-shrink-0" aria-hidden="true" /> <Server class="w-5 h-5 flex-shrink-0" aria-hidden="true" />
<span>连接列表</span> <span>连接列表</span>
</RouterLink> </RouterLink>
<RouterLink
to="/transfers"
@click="closeSidebar"
class="flex items-center gap-3 px-3 py-2.5 rounded-lg text-slate-300 hover:bg-slate-700 hover:text-slate-100 transition-colors duration-200 cursor-pointer min-h-[44px] focus:outline-none focus:ring-2 focus:ring-cyan-500 focus:ring-inset"
:class="{ 'bg-slate-700 text-cyan-400': route.path === '/transfers' }"
aria-label="传输"
>
<ArrowLeftRight class="w-5 h-5 flex-shrink-0" aria-hidden="true" />
<span>传输</span>
</RouterLink>
<!-- 终端标签区域 --> <!-- 终端标签区域 -->
<div v-if="terminalTabs.length > 0" class="pt-4 mt-4 border-t border-slate-700"> <div v-if="terminalTabs.length > 0" class="pt-4 mt-4 border-t border-slate-700">