matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix board dashboard sidebar navigation in collapsed mode
Build And Push Image / docker (push) Successful in 2m3s Details 

- Added collapsed mode icons for Members and Events sections
- Members and Events groups now show as single icons with tooltips when sidebar is collapsed
- Maintains badge for pending applications in collapsed mode
- Ensures consistent navigation experience across all dashboard layouts

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Matt 2025-08-31 23:21:56 +02:00
parent c37e0d0b1b
commit 557f9b6260
1 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
layouts/board.vue
View File

@ -100,6 +100,31 @@
</v-list-item>
</v-list-group>
<!-- Member Management (Collapsed) -->
<v-tooltip
v-if="miniVariant"
text="Members"
location="end"
>
<template v-slot:activator="{ props }">
<v-list-item
v-bind="props"
to="/board/members"
prepend-icon="mdi-account-group"
value="members-collapsed"
class="glass-nav-item animated-nav-item"
>
<template v-if="pendingApplications > 0" v-slot:append>
<v-badge
:content="pendingApplications"
color="error"
class="glass-badge"
/>
</template>
</v-list-item>
</template>
</v-tooltip>
<!-- Events & Meetings -->
<v-list-group value="events" v-if="!miniVariant">
<template v-slot:activator="{ props }">
@ -131,6 +156,23 @@
/>
</v-list-group>
<!-- Events & Meetings (Collapsed) -->
<v-tooltip
v-if="miniVariant"
text="Events & Meetings"
location="end"
>
<template v-slot:activator="{ props }">
<v-list-item
v-bind="props"
to="/board/events"
prepend-icon="mdi-calendar"
value="events-collapsed"
class="glass-nav-item animated-nav-item"
/>
</template>
</v-tooltip>
<!-- Reports & Analytics -->
<v-tooltip
:text="miniVariant ? 'Reports & Analytics' : ''"