message: [style] Fixed drawer behaviour
diff: <template>
  <v-app>
  - <v-navigation-drawer
  - clipped-left
  - permanent
  - stateless
  - disable-resize-watcher
  - :mini-variant.sync="mini"
  - v-model="drawer"
  - app
  - >
  + <v-navigation-drawer clipped-left :mini-variant="mini" v-model="drawer" app>
  <v-toolbar flat class="transparent">
  <v-list class="pa-0">
  <v-list-tile avatar>
  </v-navigation-drawer>
  <v-toolbar fixed app>
  - <v-toolbar-side-icon @click.native.stop="mini = !mini"></v-toolbar-side-icon>
  + <v-toolbar-side-icon @click="openDrawer"></v-toolbar-side-icon>
  <v-toolbar-title>{{title}}</v-toolbar-title>
  <v-spacer></v-spacer>
  export default {
  name: "app",
  methods: {
  + openDrawer() {
  + if (this.$vuetify.breakpoint.xsOnly) {
  + this.mini = false;
  + this.drawer = !this.drawer;
  + } else {
  + this.mini = !this.mini;
  + this.drawer = true;
  + }
  + },
  showSnackbar: function(text) {
  this.snackbarText = text;
  this.snackbar = true;
  @@ -175,6 +176,13 @@ export default {
  },
  beforeMount() {
  this.title = this.$route.name || ""
  + if (this.$vuetify.breakpoint.xsOnly) {
  + this.mini = false;
  + this.drawer = false;
  + } else {
  + this.drawer = true;
  + this.mini = true;
  + }
  }
  };
  </script>
  