Gist for youtube video "Add Vuetify gridsystem to dashboard for layout" https://youtu.be/jza18AdKeRY

toolbar.html

<!-- updated code to reflect YouTube Video to add gridsystem layout --->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" />
<link rel="stylesheet" type="text/css"
  href="https://cdn.jsdelivr.net/npm/@mdi/font@3.x/css/materialdesignicons.min.css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Material+Icons" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/vuetify@2.0.10/dist/vuetify.min.css" />
<link rel="stylesheet" type="text/css"
  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" />

<script src="https://cdn.jsdelivr.net/npm/babel-regenerator-runtime@6.5.0/runtime.js"></script>
<script src="https://cdn.jsdelivr.net/npm/babel-polyfill/dist/polyfill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.0.10/dist/vuetify.min.js"></script>

<style>
  /*Hide quick launch*/
  #sideNavBox {
    DISPLAY: none
  }

  #contentBox {
    MARGIN-LEFT: 5px
  }

  div#s4-titlerow {
    DISPLAY: none !important;
  }
</style>
<div id="app">
  <v-app id="inspire">
    <v-app-bar app dense color="indigo darken-1" clipped-left>
      <v-app-bar-nav-icon color="white" @click="drawer = !drawer"></v-app-bar-nav-icon>

      <v-toolbar-title class="white--text">Title</v-toolbar-title>

      <v-btn icon>
        <v-icon color="white">search</v-icon>
      </v-btn>
      <v-spacer></v-spacer>
      <v-btn icon>
        <v-icon color="white">favorite</v-icon>
      </v-btn>
      <v-btn v-on:click="push">
        <v-icon>fab fa-angellist</v-icon>
      </v-btn>
      <v-btn icon color="white">
        <v-icon>more_vert</v-icon>
      </v-btn>
    </v-app-bar>
    </v-card>

    <v-navigation-drawer app v-model="drawer" clipped>
      <v-list dense rounded>
        <v-list-item v-for="item in items" :key="item.title" link>
          <v-list-item-icon>
            <v-icon>{{ item.icon }}</v-icon>
          </v-list-item-icon>

          <v-list-item-content>
            <v-list-item-title>{{ item.title }}</v-list-item-title>
          </v-list-item-content>
        </v-list-item>
      </v-list>
    </v-navigation-drawer>

    <v-content>
      <v-container class="grey lighten-5" fluid>
        <v-row dense>
          <v-col cols="sm">
            <v-card class="pa-2" outlined tile raised>
              One of three columns
            </v-card>
          </v-col>
          <v-col cols="sm">
            <v-card class="pa-2" outlined tile raised>
              One of three columns
            </v-card>
          </v-col>
        </v-row>
        <v-row no-gutters>
          <v-col cols="sm">
            <v-card class="pa-2" outlined tile raised>
              One of three columns
            </v-card>
          </v-col>
        </v-row>

      </v-container>
    </v-content>

  </v-app>

</div>
<script type="text/javascript" src="/sites/demos/mdemos/webpart/toolbar/toolbar.js"></script>