explorer-app/layouts/detail.vue
2024-09-27 12:14:49 +02:00

29 lines
449 B
Vue

<script lang="ts" setup>
const { showBar } = storeToRefs(useNavigaiton())
const swipeEl = ref()
const { y } = useWindowScroll()
watch(y, (newY, oldY) => {
if (newY > oldY && newY > 32)
showBar.value = false
else
showBar.value = true
})
</script>
<template>
<div
ref="swipeEl"
h-full
w-full
>
<Navigation />
<div
max-w-1160px
w-full
mx-auto
>
<slot />
</div>
</div>
</template>