From 7a40d6097918e831ac8848830bf29ffca411c705 Mon Sep 17 00:00:00 2001
From: Benny Samir Hierl <bennysamir@posteo.de>
Date: Mon, 7 Feb 2022 21:34:54 +0100
Subject: [PATCH] bugfix: height to html, body and #app

---
 index.html              | 2 +-
 src/App.vue             | 4 +---
 src/assets/tailwind.css | 7 +++++++
 3 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index f05e3fb..2957e4e 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wunschlisten</title>
   </head>
-  <body>
+  <body class="bg-white dark:bg-stone-900 text-black dark:text-white/75">
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
diff --git a/src/App.vue b/src/App.vue
index 47ef5f9..f126d4d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,5 @@
 <template>
-  <div
-    class="h-screen bg-white dark:bg-stone-900 text-black dark:text-white/75 p-4"
-  >
+  <div class="h-full p-4">
     <Header />
     <main class="h-full max-w-[900px] mx-auto">
       <router-view v-slot="{ Component }">
diff --git a/src/assets/tailwind.css b/src/assets/tailwind.css
index b5c61c9..8eb73e9 100644
--- a/src/assets/tailwind.css
+++ b/src/assets/tailwind.css
@@ -1,3 +1,10 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+html,
+body,
+#app {
+  min-height: 100% !important;
+  height: 100%;
+}
