optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix hero scroll - use fixed padding so content stays in place
All checks were successful
Build Docker Image / build (push) Successful in 3m58s
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-26 16:59:19 +07:00
parent 11a52003e7
commit d4b4f7011f
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/layouts/topnav.vue
View File

@@ -238,6 +238,7 @@ const { headerOffset, isCollapsed } = useScrollCollapse(100)
// Hero scroll for home page // Hero scroll for home page
const { const {
heroHeight, heroHeight,
heroBaseHeight,
collapseProgress, collapseProgress,
isCollapsed: heroIsCollapsed, isCollapsed: heroIsCollapsed,
collapsedHeight collapsedHeight
@@ -332,11 +333,11 @@ const heroStyle = computed(() => {
// Main content padding-top to compensate for fixed header // Main content padding-top to compensate for fixed header
// For catalog section: no padding - map extends behind header // For catalog section: no padding - map extends behind header
// Home page: hero height (dynamic) // Home page: FIXED at base height (not dynamic!) so content doesn't move with scroll
// 154px = MainNav + SubNav (orders, seller, settings) // 154px = MainNav + SubNav (orders, seller, settings)
const mainStyle = computed(() => { const mainStyle = computed(() => {
if (isCatalogSection.value) return { paddingTop: '0' } if (isCatalogSection.value) return { paddingTop: '0' }
if (isHomePage.value) return { paddingTop: `${heroHeight.value}px` } if (isHomePage.value) return { paddingTop: `${heroBaseHeight.value}px` }
return { paddingTop: '154px' } return { paddingTop: '154px' }
}) })