Redesign header - move search bar into main navigation
All checks were successful
Build Docker Image / build (push) Successful in 3m10s

- Move search input with tokens into center of header
- Remove tabs (Search, Catalog, Orders, Seller)
- Icons (bot, globe, user) remain on right side
- Chips for filter selection below input
- Delete GlobalSearchBar.vue and UnifiedSearchBar.vue
- Share searchQuery via useState across composable calls
- Simplify main page to just show hero
This commit is contained in:
Ruslan Bakiev
2026-01-22 11:22:44 +07:00
parent 13325825d7
commit 584a423e86
7 changed files with 160 additions and 407 deletions

View File

@@ -13,20 +13,6 @@
@select="onMapSelect"
@update:hovered-id="hoveredId = $event"
>
<template #searchBar>
<UnifiedSearchBar
:active-tokens="activeTokens"
:available-chips="availableChips"
:select-mode="selectMode"
:search-query="searchQuery"
@start-select="startSelect"
@cancel-select="cancelSelect"
@edit-token="editFilter"
@remove-token="removeFilter"
@update:search-query="searchQuery = $event"
/>
</template>
<template #header>
<Text v-if="!isLoading" tone="muted">{{ headerText }}</Text>
</template>