fix: make home hero static and keep capsule scroll motion

2026-03-12 16:05:27 +07:00
parent 3380e407f3
commit fcc22b4051
3 changed files with 12 additions and 45 deletions
--- a/app/composables/useHeroScroll.ts
+++ b/app/composables/useHeroScroll.ts
@@ -6,13 +6,13 @@ export const useHeroScroll = () => {
  const scrollY = ref(0)

  // Hero height = viewport height minus some space
-  const heroBaseHeight = ref(0)
+  const heroBaseHeight = ref(860)
  const collapsedHeight = 100 // Fixed header height when collapsed

  // Calculate hero height based on viewport
  const updateHeroHeight = () => {
    if (import.meta.client) {
-      heroBaseHeight.value = window.innerHeight - 80
+      heroBaseHeight.value = Math.max(640, window.innerHeight - 80)
    }
  }