fix: apply offset padding to appbars when an overlay is open

[KaelWD]

Markup:

<template>
  <v-app>
    <v-app-bar>
      <template #prepend>
        <v-btn icon="mdi-menu" />
      </template>

      <v-app-bar-title>
        Title
      </v-app-bar-title>

      <template #append>
        <v-btn icon="mdi-download" />

        <v-btn icon="mdi-printer" />

        <v-btn icon="mdi-heart" />
      </template>
    </v-app-bar>

    <v-main>
      <v-container class="pa-0 pa-md-16" style="height: 200vh">
        <v-layout style="height: 600px">
          <v-app-bar absolute>
            <v-app-bar-title>
              Title
            </v-app-bar-title>

            <template #append>
              <v-btn icon="mdi-vuetify"></v-btn>
            </template>
          </v-app-bar>
          <v-main>
            <v-container style="height: 1200px">
              <v-dialog>
                <template #activator="{ props }">
                  <v-btn v-bind="props">Dialog</v-btn>
                </template>
                <v-sheet width="300" height="300">
                  Dialog
                </v-sheet>
              </v-dialog>
              <v-dialog attach absolute>
                <template #activator="{ props }">
                  <v-btn v-bind="props">Attached dialog</v-btn>
                </template>
                <v-sheet width="300" height="300">
                  Attached dialog
                </v-sheet>
              </v-dialog>
              <v-dialog fullscreen>
                <template #activator="{ props }">
                  <v-btn v-bind="props">Fullscreen dialog</v-btn>
                </template>
                <v-sheet width="300" height="300">
                  Fullscreen dialog
                </v-sheet>
              </v-dialog>
            </v-container>
          </v-main>
        </v-layout>
      </v-container>
    </v-main>
  </v-app>
</template>

[KaelWD]

100vh doesn't really work properly on mobile

[KaelWD]

• Is props.layout even used here?
• Can't we use ReturnType<typeof makeLayoutProps>?