Jan De Landtsheer
9790ef4dac
git-subtree-dir: components/rfs git-subtree-split: 9808a5e9fc768edc7d8b1dfa5b91b3f018dff0cb
34 lines
766 B
Vue
34 lines
766 B
Vue
|
|
<template>
|
|
<v-app>
|
|
<router-view v-slot="{ Component, route }">
|
|
<Navbar v-if="route.path != `/login`"></Navbar>
|
|
<v-main class="mn-height" style="--v-layout-left: 0px;" >
|
|
<div :key="route.path">
|
|
<component :is="Component" />
|
|
</div>
|
|
</v-main>
|
|
<Footer v-if="route.path != `/login`"></Footer>
|
|
</router-view>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Footer from './components/Footer.vue';
|
|
import Navbar from './components/Navbar.vue';
|
|
</script>
|
|
<style scoped>
|
|
.logo {
|
|
height: 6em;
|
|
padding: 1.5em;
|
|
will-change: filter;
|
|
transition: filter 300ms;
|
|
}
|
|
.logo:hover {
|
|
filter: drop-shadow(0 0 2em #646cffaa);
|
|
}
|
|
.logo.vue:hover {
|
|
filter: drop-shadow(0 0 2em #42b883aa);
|
|
}
|
|
</style>
|