[Vuejs]-Vuetify v-row and v-col taking up less space than their child elements

1👍

Note that v-app-bar is part of the application layout, it is intended to be aligned by v-app, not manually as a column in v-container – it does not make sense to think of the app bar as column content.

The intended layout would be:

<v-app>
  <v-app-bar class="bg-teal">
    ...
  </v-app-bar>
  <v-main>
    <v-container fluid>
      ...
    </v-container>
  </v-main>
</v-app>

Leave a comment