Adam French
ac5f47fcaa
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 26s
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
33 lines
768 B
Vue
33 lines
768 B
Vue
<script setup>
|
|
import { RouterView } from "vue-router";
|
|
import Navbar from "@/components/Navbar.vue";
|
|
import Footer from "@/components/Footer.vue";
|
|
</script>
|
|
|
|
<template>
|
|
<div class="app-layout">
|
|
<Navbar class="no-print sticky top-0 z-50" />
|
|
<main class="app-content">
|
|
<RouterView v-slot="{ Component }">
|
|
<Transition name="slide" mode="out-in">
|
|
<component :is="Component" :key="$route.path" />
|
|
</Transition>
|
|
</RouterView>
|
|
</main>
|
|
<Footer class="sticky bottom-0 z-50" />
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.app-layout {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.app-content {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|