Refactor navigation components for improved layout and functionality

- Updated UserMenu.vue to enhance button styling and spacing for a more modern look.
- Simplified CartFAB.vue to always show the cart button when items are present, regardless of the route.
- Adjusted AppHeader.vue for better alignment of elements.
- Enhanced AreaTabs.vue to enable the educator tab and improve badge styling.
- Refined BottomNav.vue to handle cart visibility and navigation more effectively.

These changes aim to enhance user navigation and overall experience within the application.
This commit is contained in:
Bastian Masanek
2025-11-03 19:20:10 +01:00
parent 37a1d234a7
commit a22e4b42ca
10 changed files with 82 additions and 126 deletions

View File

@@ -7,16 +7,10 @@ import { Button } from '@/components/ui/button'
const { itemCount, total } = useCart()
const { open } = useCartUI()
// Get current route
const route = useRoute()
// Determine if FAB should be visible
const isVisible = computed(() => {
// Only show on /products and /products/[id] routes
const isProductPage = route.path === '/products' || route.path.startsWith('/products/')
// Only show when cart has items
return isProductPage && itemCount.value > 0
// Show when cart has items (on all pages)
return itemCount.value > 0
})
// Format price as EUR in German locale