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

Fix header heights: MainNav 64px, SubNav 54px, SearchBar 56px
All checks were successful
Build Docker Image / build (push) Successful in 4m28s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-15 10:30:40 +07:00
parent 3f5c2d6e60
commit 4bd5b882e0
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/layouts/catalog.vue
View File

@@ -22,8 +22,8 @@
/>
<!-- SubNavigation -->
<div class="bg-base-200 border-b border-base-300">
<div class="flex items-center gap-1 py-2 px-4 lg:px-6">
<div class="h-[54px] bg-base-200 border-b border-base-300 flex items-center">
<div class="flex items-center gap-1 px-4 lg:px-6">
<NuxtLink
v-for="item in subNavItems"
:key="item.path"
@@ -39,7 +39,7 @@
<!-- Layer 3: SearchBar (fixed, slides to top:0) - teleport target -->
<div
class="fixed left-0 right-0 z-40 bg-base-100 border-b border-base-300 flex items-center"
class="fixed left-0 right-0 z-40 h-14 bg-base-100 border-b border-base-300 flex items-center"
:style="{ top: `${searchBarTop}px` }"
>
<!-- Chevron button inside SearchBar -->
@@ -120,7 +120,7 @@ const {
isCollapsed,
expand,
collapse
} = useScrollCollapse(104, 48)
} = useScrollCollapse(118, 56)
// Mobile view toggle
const mobileView = ref<'list' | 'map'>('list')