optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show mode toggle on home page without active state
Some checks failed
Build Docker Image / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-26 15:48:55 +07:00
parent 2275f956ae
commit a569942e24
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/components/navigation/MainNavigation.vue
View File

@@ -15,7 +15,7 @@
<nav v-if="showModeToggle" class="flex items-center gap-1">
<button
class="px-3 py-1 text-sm font-medium rounded-lg transition-colors"
:class="catalogMode === 'explore'
:class="showActiveMode && catalogMode === 'explore'
? (glassStyle ? 'bg-white/20 text-white' : 'bg-base-300 text-base-content')
: (glassStyle ? 'text-white/70 hover:text-white hover:bg-white/10' : 'text-base-content/70 hover:text-base-content hover:bg-base-200')"
@click="$emit('set-catalog-mode', 'explore')"
@@ -24,7 +24,7 @@
</button>
<button
class="px-3 py-1 text-sm font-medium rounded-lg transition-colors"
:class="catalogMode === 'quote'
:class="showActiveMode && catalogMode === 'quote'
? (glassStyle ? 'bg-white/20 text-white' : 'bg-base-300 text-base-content')
: (glassStyle ? 'text-white/70 hover:text-white hover:bg-white/10' : 'text-base-content/70 hover:text-base-content hover:bg-base-200')"
@click="$emit('set-catalog-mode', 'quote')"
@@ -301,6 +301,7 @@ const props = defineProps<{
quantity?: string
canSearch?: boolean
showModeToggle?: boolean
showActiveMode?: boolean // Whether to show active state on mode toggle
// Glass style (transparent) for map pages
glassStyle?: boolean
}>()