game object module

src/components/AppFooter.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-footer height="40" app>
+  <v-footer height="0" app>
     
   </v-footer>
 </template>

src/components/AppHeader.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-app-bar color="primary" prominent>
+    <v-app-bar color="primary" scroll-behavior="elevate" scroll-threshold="20">
         <!-- <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon> -->
         <v-app-bar-title>ProNature Administrative Console</v-app-bar-title>
         <v-menu>
@@ -14,7 +14,7 @@
         </v-menu>
     </v-app-bar>
 
-    <v-navigation-drawer class="bg-secondary" ocation="$vuetify.display.mobile ? 'bottom' : undefined" expand-on-hover rail>
+    <v-navigation-drawer class="bg-secondary" expand-on-hover rail>
         <v-list>
             <v-list-item prepend-avatar="/logo.webp" subtitle="Admin Console" title="ProNature"></v-list-item>
         </v-list>

src/components/Home.vue

@@ -1,14 +1,12 @@
 <template>
   <v-container class="fill-height">
-    <v-responsive
-      class="align-centerfill-height mx-auto"
-    >
+    <v-responsive class="align-centerfill-height mx-auto">
+
 
-      
     </v-responsive>
   </v-container>
 </template>
 
 <script setup>
-  //
+//
 </script>