Fix: Window NavBar

tienda_ilusion/don_confiao/frontend/don-confiao/src/App.vue

@@ -1,9 +1,7 @@
 <template>
   <v-app>
-      <v-main>
       <NavBar />
       <router-view />
-      </v-main>
   </v-app>
 </template>
 
@@ -17,26 +15,3 @@
    },
  }
 </script>
-
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-
-nav {
-  padding: 30px;
-}
-
-nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
-
-nav a.router-link-exact-active {
-  color: #42b983;
-}
-</style>

tienda_ilusion/don_confiao/frontend/don-confiao/src/components/NavBar.vue

@@ -1,35 +1,23 @@
 <template>
-    <v-main>
+    <v-container>
-    <v-card>
+    <v-app-bar color="primary" prominent>
-        <v-layout>
-            <v-app-bar color="primary" prominent app>
         <v-app-bar-nav-icon variant="text" @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
         <v-toolbar-title>My files</v-toolbar-title>
         <v-spacer></v-spacer>
-
         <template v-if="$vuetify.display.mdAndUp">
           <v-btn icon="mdi-magnify" variant="text"></v-btn>
           <v-btn icon="mdi-filter" variant="text"></v-btn>
         </template>
         <v-btn icon="mdi-dots-vertical" variant="text"></v-btn>
       </v-app-bar>
-
+      <v-navigation-drawer v-model="drawer"
-            <v-navigation-drawer
-                v-model="drawer"
                            :location="$vuetify.display.mobile ? 'bottom' : undefined"
                            temporary>
           <v-list :items="items"></v-list>
       </v-navigation-drawer>
-
+    </v-container>
-      <v-main style="height: 500px;">
-          <v-card-text>
-              The navigation drawer will appear from the bottom on smaller size screens.
-          </v-card-text>
-      </v-main>
-    </v-layout>
-    </v-card>
-    </v-main>
 </template>
+
 <script>
  export default {
      data: () => ({

tienda_ilusion/don_confiao/frontend/don-confiao/src/components/Purchase.vue

@@ -1,5 +1,6 @@
 <template>
-    <v-container>
+  <v-main>
+    <v-container app>
       <v-form ref="form" v-model="valid">
         <v-text-field
           v-model="purchase.date"
@@ -90,6 +91,7 @@
         <v-btn @click="submit" color="green">Comprar</v-btn>
       </v-form>
     </v-container>
+  </v-main>
 </template>
 
 <script>