From 7c9d026903b1aae699b21ca7ab4acdc9698a3934 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sat, 4 Dec 2021 17:39:28 -0500
Subject: [PATCH] [S] Fix mobile height

---
 src/App.vue         | 16 +++++++++-------
 src/css/global.sass |  6 +++++-
 vue.config.js       |  5 +++++
 3 files changed, 19 insertions(+), 8 deletions(-)
 create mode 100644 vue.config.js

diff --git a/src/App.vue b/src/App.vue
index 03f7efc..8b0c88f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,18 +1,13 @@
 <template>
     <div id="nav">
-        <router-link to="/">Home</router-link>
-        |
-        <router-link to="/about">About</router-link>
+        <router-link class="router-link" to="/">Home</router-link>
+        <router-link class="router-link" to="/about">About</router-link>
     </div>
     <router-view/>
 
     <MeruIcon/>
 </template>
 
-<style lang="sass">
-@import "css/global"
-</style>
-
 <script>
 import MeruIcon from "@/components/MeruIcon";
 import {Options, Vue} from "vue-class-component";
@@ -24,3 +19,10 @@ export default class App extends Vue
 {
 }
 </script>
+
+<style lang="sass">
+@import "css/global"
+
+.router-link
+    color: red
+</style>
diff --git a/src/css/global.sass b/src/css/global.sass
index 8fa509d..3865f15 100644
--- a/src/css/global.sass
+++ b/src/css/global.sass
@@ -131,7 +131,11 @@ body
   // Vertical flex box
   display: flex
   flex-flow: column
-  height: 100vh
+  height: 100%
 
 body
   background: #f9f2e0
+  height: 100%
+
+html
+  height: 100%
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..36b014d
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+    devServer: {
+        disableHostCheck: true
+    }
+}