From 0ae212a9f5d8f5db0c6e2eb1d1f78d32d9fa069d Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Wed, 25 Jan 2023 14:17:05 +0100
Subject: [PATCH] Improve mobile CSS for full screen

---
 client/src/App.vue  |  2 +-
 client/src/main.ts  |  2 +-
 client/tailwind.css | 16 ++++++++++++++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/client/src/App.vue b/client/src/App.vue
index 3aeba993..65028bd1 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-full">
     <MainNavigationBar class="flex-none" />
     <RouterView v-slot="{ Component }" class="flex-auto">
       <Transition mode="out-in" name="app">
diff --git a/client/src/main.ts b/client/src/main.ts
index c0548c6a..df9292f4 100644
--- a/client/src/main.ts
+++ b/client/src/main.ts
@@ -48,7 +48,7 @@ loadLocaleMessages(i18n, "de").then(() => {
   app.use(pinia);
   app.use(i18n);
   app.use(urql, {
-    url: import.meta.env.VITE_GRAPHQL_URL,
+    url: import.meta.env.VITE_GRAPHQL_URL || "/server/graphql",
   });
 
   app.mount("#app");
diff --git a/client/tailwind.css b/client/tailwind.css
index cc0d853b..fd8c93e9 100644
--- a/client/tailwind.css
+++ b/client/tailwind.css
@@ -2,6 +2,19 @@
 @tailwind components;
 @tailwind utilities;
 
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+html, body, #app {
+  height: 100%;
+}
+
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
 html {
   @apply text-black;
 }
@@ -68,8 +81,7 @@ svg {
   }
 
   .filter-blue-900 {
-    filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%)
-      contrast(105%);
+    filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%) contrast(105%);
   }
 }