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

3
app/layouts/topnav.vue
View File

@@ -21,7 +21,8 @@
:hub-label="hubLabel ?? undefined" :hub-label="hubLabel ?? undefined"
:quantity="quantity" :quantity="quantity"
:can-search="canSearch" :can-search="canSearch"
:show-mode-toggle="isCatalogSection" :show-mode-toggle="true"
:show-active-mode="isCatalogSection"
:glass-style="isCatalogSection" :glass-style="isCatalogSection"
@toggle-theme="toggleTheme" @toggle-theme="toggleTheme"
@set-catalog-mode="setCatalogMode" @set-catalog-mode="setCatalogMode"