feat(web/navbar): hide settings cog for guests + 游客 badge

This commit is contained in:
saopig1 committed 2026-06-25 12:06:26 +08:00
1 parent a21a01f0dd
commit 3042f87199
1 file changed
+3 -2
+3 -2
View File
@@ -98,14 +98,14 @@
</div> </div>
</div> </div>
<RouterLink to="/settings" class="settings-btn"> <RouterLink v-if="!session.isGuest.value" to="/settings" class="settings-btn">
<Icon icon="mdi:cog" /> <Icon icon="mdi:cog" />
</RouterLink> </RouterLink>
<div v-if="session.currentUser.value" class="nav-user"> <div v-if="session.currentUser.value" class="nav-user">
<span class="nav-user-name">{{ session.currentUser.value.username }}</span> <span class="nav-user-name">{{ session.currentUser.value.username }}</span>
<span class="nav-user-role" :class="`role-${session.currentUser.value.role}`"> <span class="nav-user-role" :class="`role-${session.currentUser.value.role}`">
{{ session.currentUser.value.role === 'admin' ? '管理员' : '成员' }} {{ session.currentUser.value.role === 'admin' ? '管理员' : session.currentUser.value.role === 'guest' ? '游客' : '成员' }}
</span> </span>
<button class="nav-user-logout" @click="onLogout" title="退出"> <button class="nav-user-logout" @click="onLogout" title="退出">
<Icon icon="mdi:logout" /> <Icon icon="mdi:logout" />
@@ -769,4 +769,5 @@ onUnmounted(() => {
} }
.role-admin { background: rgba(99, 145, 226, 0.18); color: #6391e2; } .role-admin { background: rgba(99, 145, 226, 0.18); color: #6391e2; }
.role-member { background: rgba(150, 150, 150, 0.18); color: var(--text-secondary); } .role-member { background: rgba(150, 150, 150, 0.18); color: var(--text-secondary); }
.role-guest { background: rgba(150, 150, 150, 0.18); color: var(--text-secondary); }
</style> </style>