rogee/quyun-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: drop down menu issues

Browse Source
This commit is contained in:
Rogee
2025-12-26 09:21:58 +08:00
parent bcbd3327ea
commit 15a5d94e83
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/portal/src/components/TopNavbar.vue
View File

@@ -42,12 +42,14 @@
</router-link> </router-link>
<!-- Avatar Dropdown --> <!-- Avatar Dropdown -->
<div class="relative group"> <div class="relative group h-full flex items-center">
<button class="w-9 h-9 rounded-full overflow-hidden border border-slate-200 focus:ring-2 ring-primary-100"> <button class="w-9 h-9 rounded-full overflow-hidden border border-slate-200 focus:ring-2 ring-primary-100">
<img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Felix" alt="User" class="w-full h-full object-cover"> <img src="https://api.dicebear.com/7.x/avataaars/svg?seed=Felix" alt="User" class="w-full h-full object-cover">
</button> </button>
<!-- Dropdown Menu (Mock) --> <!-- Dropdown Menu (Mock) -->
<div class="absolute right-0 top-full mt-2 w-48 bg-white rounded-xl shadow-lg border border-slate-100 py-1 hidden group-hover:block"> <!-- Added pt-2 to create a safe hover zone bridge -->
<div class="absolute right-0 top-full pt-2 w-48 hidden group-hover:block">
<div class="bg-white rounded-xl shadow-lg border border-slate-100 py-1">
<div class="px-4 py-3 border-b border-slate-50"> <div class="px-4 py-3 border-b border-slate-50">
<p class="text-sm font-bold text-slate-900">Felix Demo</p> <p class="text-sm font-bold text-slate-900">Felix Demo</p>
<p class="text-xs text-slate-500 truncate">felix@example.com</p> <p class="text-xs text-slate-500 truncate">felix@example.com</p>
@@ -58,6 +60,7 @@
<button @click="logout" class="block w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-red-50">退出登录</button> <button @click="logout" class="block w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-red-50">退出登录</button>
</div> </div>
</div> </div>
</div>
</template> </template>
<template v-else> <template v-else>