[S] Fix mobile height

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>

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%

vue.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    devServer: {
+        disableHostCheck: true
+    }
+}