From 6777d0110106d7c237cbeaac9358c96f44bc9943 Mon Sep 17 00:00:00 2001
From: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
Date: Wed, 17 Apr 2024 15:57:53 +0200
Subject: [PATCH] :lipstick: add default layout

Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
---
 layouts/default.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 layouts/default.vue

diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000..3fb8730
--- /dev/null
+++ b/layouts/default.vue
@@ -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>
\ No newline at end of file