💄 add default layout
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
parent
bf1d49338c
commit
6777d01101
1 changed files with 16 additions and 0 deletions
16
layouts/default.vue
Normal file
16
layouts/default.vue
Normal 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>
|
Reference in a new issue