💄 add default layout

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-04-17 15:57:53 +02:00
parent bf1d49338c
commit 6777d01101
Signed by untrusted user who does not match committer: sidski
GPG key ID: D2BBDF3EDE6BA9A6

16
layouts/default.vue Normal file
View file

@ -0,0 +1,16 @@
<template>
<div class="app-background">
<div class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0">
<slot />
</div>
</div>
</template>
<style>
.app-background {
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url('/background.webp'); background-size: cover;
background-position: center;
background-attachment: fixed;
min-height: 100vh;
}
</style>