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