bam/my2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Enhance navigation components to conditionally display role switcher based on user login status

Browse Source 
- Updated AppHeader.vue to show the role switcher only when the user is logged in, improving the relevance of displayed options.
- Modified CartButton.vue to adjust spacing based on item presence, enhancing visual consistency.

These changes aim to refine user navigation and ensure a more tailored experience within the application.
This commit is contained in:
Bastian Masanek
2025-11-03 19:22:29 +01:00
parent a22e4b42ca
commit 2bda321fe7
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/navigation/CartButton.vue
View File

@@ -26,7 +26,7 @@ function handleClick(e: Event) {
<!-- Desktop cart button (visible only on lg and up) -->
<button @click="handleClick" :class="[
'relative hidden lg:flex items-center rounded-[35px] px-6 py-1.5 transition-all hover:bg-white/10 focus:outline-none focus:ring-2 focus:ring-experimenta-accent focus:ring-offset-2 focus:ring-offset-transparent',
hasItems ? 'gap-2' : 'gap-1'
hasItems ? 'gap-2' : 'gap-0'
]" aria-label="Warenkorb öffnen">
<!-- Cart icon with item count badge -->
<div class="relative inline-flex items-center justify-center h-14 w-12">