jointrashposs/layouts/slim.vue
kakkokari-gtyih 0517eae0f0 (add) tools
2023-09-24 18:35:25 +09:00

26 lines
588 B
Vue

<script setup lang="ts">
const isNavOpen = ref<boolean>(false);
useHead({
htmlAttrs: {
class: 'scroll-pt-32 lg:scroll-pt-20',
},
});
</script>
<template>
<div class="bg-white dark:bg-slate-950">
<GNav @toggleNav="isNavOpen = !isNavOpen" :is-open="isNavOpen" :slim="true" :disable-shadow="true" />
<div class="main-content" :class="$style.slimPageRoot">
<slot />
</div>
<GFooter class="bg-slate-100 dark:bg-gray-900" />
</div>
</template>
<style module>
.slimPageRoot {
min-height: calc(100vh - 4rem);
}
</style>