Make map fullscreen behind transparent navbar
All checks were successful
Build Docker Image / build (push) Successful in 3m14s

This commit is contained in:
Ruslan Bakiev
2026-01-23 12:48:25 +07:00
parent aa5a0a66fa
commit 593aa0df12
2 changed files with 11 additions and 8 deletions

View File

@@ -145,11 +145,14 @@ const headerStyle = computed(() => {
})
// Main content padding-top to compensate for fixed header
// For catalog section: no padding - map extends behind header
// 100px = MainNav with search (input + chips)
// 154px = MainNav + SubNav (orders, seller, settings)
const mainStyle = computed(() => ({
paddingTop: (isHomePage.value || isCatalogSection.value) ? '100px' : '154px'
}))
const mainStyle = computed(() => {
if (isCatalogSection.value) return { paddingTop: '0' }
if (isHomePage.value) return { paddingTop: '100px' }
return { paddingTop: '154px' }
})
// Provide collapsed state to child components (CatalogPage needs it for map positioning)
provide('headerCollapsed', isHeaderCollapsed)