explorer-app/layouts/detail.vue

30 lines
449 B
Vue
Raw Normal View History

2023-12-19 18:43:42 +01:00
<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
>
2023-12-19 18:43:42 +01:00
<Navigation />
2024-09-27 12:14:49 +02:00
<div
max-w-1160px
w-full
mx-auto
>
<slot />
</div>
2023-12-19 18:43:42 +01:00
</div>
</template>