How to make v-app-bar taller than v-navigation-drawer?

Question

JavaScript

<template>
  <v-app>

    <v-app-bar app color="red" prominent></v-app-bar>

    <v-navigation-drawer app color="green"></v-navigation-drawer>

    <v-main>
      <v-container>

        <router-view></router-view>

      </v-container>
    </v-main>

    <v-footer app color="blue" ></v-footer>
  </v-app>
</template>