From 4bd5b882e08e7b432b82a4f5c80208375ffbca82 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Thu, 15 Jan 2026 10:30:40 +0700
Subject: [PATCH] Fix header heights: MainNav 64px, SubNav 54px, SearchBar 56px

---
 app/layouts/catalog.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/layouts/catalog.vue b/app/layouts/catalog.vue
index 1fa096f..172ee90 100644
--- a/app/layouts/catalog.vue
+++ b/app/layouts/catalog.vue
@@ -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')