preparing template

nginx/vue/src/App.vue

@@ -5,11 +5,18 @@ import Footer from "@/components/Footer.vue";
 </script>
 
 <template>
-    <Navbar />
+    <Navbar style="height: 10vh" />
 
-    <RouterView />
+    <RouterView :class="$route.name" />
 
-    <Footer />
+    <Footer style="height: 10vh" />
 </template>
 
-<style scoped></style>
+<style>
+.home {
+    height: 80vh; /* takes full window height */
+    overflow: hidden; /* removes scrolling */
+    display: flex;
+    flex-direction: column;
+}
+</style>