29 lines
570 B
Vue
29 lines
570 B
Vue
<script setup lang="ts">
|
|
import Navbar from './components/layout/Navbar.vue'
|
|
import Footer from './components/layout/Footer.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<div class="min-h-screen flex flex-col bg-background">
|
|
<Navbar />
|
|
<main class="flex-1">
|
|
<router-view></router-view>
|
|
</main>
|
|
<Footer />
|
|
</div>
|
|
</template>
|
|
|
|
<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>
|