Fix board dashboard sidebar navigation in collapsed mode
Build And Push Image / docker (push) Successful in 2m3s
Details
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:
parent
c37e0d0b1b
commit
557f9b6260
|
|
@ -99,6 +99,31 @@
|
||||||
</template>
|
</template>
|
||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list-group>
|
</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 -->
|
<!-- Events & Meetings -->
|
||||||
<v-list-group value="events" v-if="!miniVariant">
|
<v-list-group value="events" v-if="!miniVariant">
|
||||||
|
|
@ -130,6 +155,23 @@
|
||||||
class="glass-nav-item-sub"
|
class="glass-nav-item-sub"
|
||||||
/>
|
/>
|
||||||
</v-list-group>
|
</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 -->
|
<!-- Reports & Analytics -->
|
||||||
<v-tooltip
|
<v-tooltip
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue