From 60a20997a2f539ca77caefdcfd2bfb011c3d15b4 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Tue, 24 Jan 2023 21:34:03 +0100
Subject: [PATCH] Add screen centering component

---
 src/App.vue                                   | 2 +-
 src/components/screen-center/ScreenCenter.vue | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/screen-center/ScreenCenter.vue

diff --git a/src/App.vue b/src/App.vue
index d18ecec..37f78bb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,7 +2,7 @@
     <div class="bg-gray-100 text-gray-900 min-h-screen h-full
                 dark:bg-gray-900 dark:text-slate-50"
          style="font-family: 'Comfortaa';">
-        <div class="container relative mx-auto pb-8 md:px-8 min-h-screen min-w-screen">
+        <div class="container mx-auto pb-8 md:px-8 min-h-screen min-w-screen flex flex-col">
             <RouterView />
         </div>
     </div>
diff --git a/src/components/screen-center/ScreenCenter.vue b/src/components/screen-center/ScreenCenter.vue
new file mode 100644
index 0000000..8face8b
--- /dev/null
+++ b/src/components/screen-center/ScreenCenter.vue
@@ -0,0 +1,7 @@
+<template>
+    <div class="flex flex-1 items-center pb-12">
+        <div class="w-full">
+            <slot></slot>
+        </div>
+    </div>
+</template>
\ No newline at end of file