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

Replace mode toggle with TradeScanner/Search nav links in header
All checks were successful
Build Docker Image / build (push) Successful in 3m14s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-23 12:11:48 +07:00
parent 999658aee1
commit 655c02d6fc
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,31 +2,29 @@
<header class="h-20 bg-base-100/80 backdrop-blur-md shadow-md"> <header class="h-20 bg-base-100/80 backdrop-blur-md shadow-md">
<!-- Single row: Logo + Search + Icons --> <!-- Single row: Logo + Search + Icons -->
<div class="flex items-stretch h-full px-4 lg:px-6 gap-4"> <div class="flex items-stretch h-full px-4 lg:px-6 gap-4">
<!-- Left: Logo (top aligned) --> <!-- Left: Logo + Nav links (top aligned) -->
<div class="flex items-start flex-shrink-0 pt-4"> <div class="flex items-start gap-6 flex-shrink-0 pt-4">
<NuxtLink :to="localePath('/')" class="flex items-center gap-2"> <NuxtLink :to="localePath('/')" class="flex items-center gap-2">
<span class="font-bold text-xl">Optovia</span> <span class="font-bold text-xl">Optovia</span>
</NuxtLink> </NuxtLink>
</div>
<!-- Mode toggle (between Logo and Search, top aligned) --> <!-- Service nav links -->
<div v-if="showModeToggle" class="flex items-start flex-shrink-0 pt-3.5"> <nav v-if="showModeToggle" class="flex items-center gap-1">
<div class="join">
<button <button
class="btn btn-sm join-item" class="px-3 py-1 text-sm font-medium rounded-lg transition-colors"
:class="catalogMode === 'explore' ? 'btn-primary' : 'btn-ghost'" :class="catalogMode === 'explore' ? 'bg-primary/10 text-primary' : 'text-base-content/70 hover:text-base-content hover:bg-base-200/50'"
@click="$emit('set-catalog-mode', 'explore')" @click="$emit('set-catalog-mode', 'explore')"
> >
{{ $t('catalog.modes.explore') }} TradeScanner
</button> </button>
<button <button
class="btn btn-sm join-item" class="px-3 py-1 text-sm font-medium rounded-lg transition-colors"
:class="catalogMode === 'quote' ? 'btn-primary' : 'btn-ghost'" :class="catalogMode === 'quote' ? 'bg-primary/10 text-primary' : 'text-base-content/70 hover:text-base-content hover:bg-base-200/50'"
@click="$emit('set-catalog-mode', 'quote')" @click="$emit('set-catalog-mode', 'quote')"
> >
{{ $t('catalog.modes.quote') }} Search
</button> </button>
</div> </nav>
</div> </div>
<!-- Center: Search input (vertically centered) --> <!-- Center: Search input (vertically centered) -->