From 675ccc2064da87c6838a3e4e46e46c3ccbe653cf Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Thu, 8 Jan 2026 13:11:13 +0700
Subject: [PATCH] Add hasSubNav prop for map positioning (3 vs 2 nav levels)

---
 app/components/page/CatalogPage.vue      | 10 ++++++++--
 app/pages/clientarea/addresses/index.vue |  1 +
 app/pages/clientarea/orders/index.vue    |  1 +
 app/pages/select-location/index.vue      |  1 +
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/components/page/CatalogPage.vue b/app/components/page/CatalogPage.vue
index 6bdd001..2cdc608 100644
--- a/app/components/page/CatalogPage.vue
+++ b/app/components/page/CatalogPage.vue
@@ -47,7 +47,7 @@
 
           <!-- Right: Map (fixed position) -->
           <div class="w-3/5 relative">
-            <div class="fixed top-32 right-6 w-[calc(60%-3rem)] h-[calc(100vh-9rem)] rounded-lg overflow-hidden">
+            <div class="fixed right-6 w-[calc(60%-3rem)] rounded-lg overflow-hidden" :class="[mapTopClass, mapHeightClass]">
               <ClientOnly>
                 <CatalogMap
                   ref="mapRef"
@@ -172,13 +172,19 @@ const props = withDefaults(defineProps<{
   pointColor?: string
   selectedId?: string
   hoveredId?: string
+  hasSubNav?: boolean
 }>(), {
   loading: false,
   withMap: true,
   mapId: 'catalog-map',
-  pointColor: '#3b82f6'
+  pointColor: '#3b82f6',
+  hasSubNav: true
 })
 
+// Map positioning based on navigation height
+const mapTopClass = computed(() => props.hasSubNav ? 'top-40' : 'top-32')
+const mapHeightClass = computed(() => props.hasSubNav ? 'h-[calc(100vh-11rem)]' : 'h-[calc(100vh-9rem)]')
+
 const emit = defineEmits<{
   'select': [item: MapItem]
   'update:selectedId': [uuid: string]
diff --git a/app/pages/clientarea/addresses/index.vue b/app/pages/clientarea/addresses/index.vue
index f29c41b..6772b6c 100644
--- a/app/pages/clientarea/addresses/index.vue
+++ b/app/pages/clientarea/addresses/index.vue
@@ -6,6 +6,7 @@
     point-color="#10b981"
     :selected-id="selectedAddressId"
     v-model:hovered-id="hoveredAddressId"
+    :has-sub-nav="false"
     @select="onSelectAddress"
   >
     <template #header>
diff --git a/app/pages/clientarea/orders/index.vue b/app/pages/clientarea/orders/index.vue
index 1d9c5cc..93931e6 100644
--- a/app/pages/clientarea/orders/index.vue
+++ b/app/pages/clientarea/orders/index.vue
@@ -6,6 +6,7 @@
     point-color="#6366f1"
     :selected-id="selectedOrderId"
     v-model:hovered-id="hoveredOrderId"
+    :has-sub-nav="false"
     @select="onSelectOrder"
   >
     <template #filters>
diff --git a/app/pages/select-location/index.vue b/app/pages/select-location/index.vue
index 8268caa..227cd4f 100644
--- a/app/pages/select-location/index.vue
+++ b/app/pages/select-location/index.vue
@@ -6,6 +6,7 @@
     point-color="#10b981"
     :selected-id="selectedHubId"
     v-model:hovered-id="hoveredHubId"
+    :has-sub-nav="false"
     @select="selectHub"
   >
     <template #header>