feat. header 컴포넌트 반응형 제작

2025-10-01 11:23:13 +09:00
parent 5f140aced1
commit 517d2b233b
17 changed files with 514 additions and 107 deletions
--- a/layers/stores/useScrollStore.ts
+++ b/layers/stores/useScrollStore.ts
@@ -4,7 +4,7 @@ import { useWindowScroll } from '@vueuse/core'
 export const useScrollStore = defineStore('scrollStore', () => {
  const { x: windowX, y: windowY } = useWindowScroll({ behavior: 'smooth' })

-  const stoveGnbHeight = 48
+  const stoveGnbHeight = 48 as number
  const scrollXValue = ref('0px')
  const isPassedStoveGnb = ref(false)

@@ -27,6 +27,7 @@ export const useScrollStore = defineStore('scrollStore', () => {
  }

  return {
+    stoveGnbHeight,
    scrollXValue,
    isPassedStoveGnb,