mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-06 02:26:49 +00:00
27 lines
539 B
Vue
27 lines
539 B
Vue
<template>
|
|
<div data-theme="cupcake" class="flex flex-col h-screen">
|
|
<app-navbar>
|
|
<template #menu>
|
|
<li><nuxt-link to="/categories">Categories</nuxt-link></li>
|
|
<li><nuxt-link to="/cookbook">Cookbook</nuxt-link></li>
|
|
</template>
|
|
</app-navbar>
|
|
<main class="flex-grow">
|
|
<nuxt-page />
|
|
</main>
|
|
<app-footer />
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
.page-enter-active,
|
|
.page-leave-active {
|
|
transition: all 0.4s;
|
|
}
|
|
|
|
.page-enter-from,
|
|
.page-leave-to {
|
|
opacity: 0;
|
|
filter: blur(1rem);
|
|
}
|
|
</style>
|