accepted changes

Author: davidroyer

Diff for: assets/css/main.css

@@ -1,8 +1,7 @@
 .page-enter-active, .page-leave-active {
   transition: all .45s ease-in-out;
   transition: all .45s cubic-bezier(.55,0,.1,1);
-
-  // transform: translate(30px, 0);
+  /* transform: translate(30px, 0); */
 }
 .page-enter, .page-leave-active {
   opacity: 0;

Diff for: layouts/default.vue

@@ -33,44 +33,42 @@
       <v-toolbar-title v-text="title"></v-toolbar-title>
       <v-spacer></v-spacer>
       <div v-if="user" id="user" class="text-xs-center">
-            <v-menu
-              offset-x
-              :close-on-content-click="false"
-              :nudge-top="200"
-              v-model="menu">
-              <v-btn icon slot="activator"><v-icon medium>settings</v-icon></v-btn>
-                <v-card>
-                  <v-list>
-                    <v-list-tile avatar>
-                      <v-list-tile-avatar>
-                        <img :src="$store.state.user.photoURL" alt="John">
-                      </v-list-tile-avatar>
-                      <v-list-tile-content>
-                        <v-list-tile-title v-if="user.displayName">{{user.displayName}}</v-list-tile-title>
-                      </v-list-tile-content>
-                    </v-list-tile>
-                    <v-divider></v-divider>
-
-                    <v-list-tile>
-                      <v-spacer></v-spacer>
-                      <v-list-tile-action>
-                        <v-btn primary class="mt-2" color="primary" @click.native="logout">
-                          Logout
-                        </v-btn>
-                      </v-list-tile-action>
-                    </v-list-tile>
-                  </v-list>
-                </v-card>
-            </v-menu>
+        <v-menu
+          offset-x
+          :close-on-content-click="false"
+          :nudge-top="200"
+          v-model="menu">
+          <v-btn icon slot="activator"><v-icon medium>settings</v-icon></v-btn>
+            <v-card>
+              <v-list>
+                <v-list-tile avatar>
+                  <v-list-tile-avatar>
+                    <img :src="$store.state.user.photoURL" alt="John">
+                  </v-list-tile-avatar>
+                  <v-list-tile-content>
+                    <v-list-tile-title v-if="user.displayName">{{user.displayName}}</v-list-tile-title>
+                  </v-list-tile-content>
+                </v-list-tile>
+                <v-divider></v-divider>
 
+                <v-list-tile>
+                  <v-spacer></v-spacer>
+                  <v-list-tile-action>
+                    <v-btn primary class="mt-2" color="primary" @click.native="logout">
+                      Logout
+                    </v-btn>
+                  </v-list-tile-action>
+                </v-list-tile>
+              </v-list>
+            </v-card>
+        </v-menu>
       </div>
-
     </v-toolbar>
     <v-content>
-      <v-container>
-        <nuxt />
-      </v-container>
-    </v-content>
+     <v-container fluid>
+      <nuxt />
+     </v-container>
+   </v-content>
     <v-footer :fixed="fixed" app>
       <span>&copy; 2017</span>
     </v-footer>
@@ -86,7 +84,7 @@ export default {
       items: [
         { icon: 'home', title: 'Welcome', to: '/' },
         { icon: 'info', title: 'About', to: '/about' },
-        { icon: 'person', title: 'Admin', to: '/admin' },
+        { icon: 'person', title: 'Admin', to: '/admin' }
         // { icon: 'store', title: 'FireStore', to: '/firestore' }
       ],
       title: 'Nuxt Firebase Auth',
@@ -106,31 +104,31 @@ export default {
       })
     }
   }
- }
+}
 </script>
 
 <style>
-.navigation-drawer>.list:not(.list--dense) .list__tile {
+.v-navigation-drawer>.list:not(.list--dense) .list__tile {
   font-size: 17px;
 }
 .avatar {
   max-width: 75px;
 }
 
-.list__tile--active.list__tile.list__tile--link {
+/* .list__tile--active.list__tile.list__tile--link {
+
+} */
 
-}
 a.nuxt-link-exact-active.list__tile--active.list__tile.list__tile--link {
   font-weight: 900 !important;
   color: #3f51b5 !important;
 }
-.list__tile--link {
+.v-list__tile--link {
   border-left: 10px solid transparent;
 }
-.list__tile--link.list__tile--active {
+.v-list__tile--link.v-list__tile--active {
   color: rgba(0,0,0,.87);
   border-left: 10px solid gray;
 }
 
-
 </style>