+
(), {
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"
>
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"
>
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"
>