padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update Navbar component to improve mobile navigation experience

Browse source 
- Modify click handler for navigation items to close the dropdown after selection
- Enhances user experience by ensuring the mobile navbar closes upon route change

🤖 Generated with [Claude Code](https://claude.ai/code)
This commit is contained in:
padreug 2025-09-06 17:50:16 +02:00
parent cd5dc008b2
commit 553bee51bb
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/layout/Navbar.vue
View file

@ -282,7 +282,7 @@ const handleLogout = async () => {
:key="item.href" :key="item.href"
variant="ghost" variant="ghost"
size="sm" size="sm"
@click="() => router.push(item.href)" @click="() => { router.push(item.href); isOpen = false }"
class="w-full justify-start gap-2"> class="w-full justify-start gap-2">
<component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'Store' ? Store : Activity" class="h-4 w-4" /> <component :is="item.icon === 'Ticket' ? Ticket : item.icon === 'Store' ? Store : Activity" class="h-4 w-4" />
{{ item.name }} {{ item.name }}