<template>
  <div class="app-layout grid grid-cols-1 min-h-dvh">
    <LayoutTheHeader />
    <main class="pb-[var(--player-height)]">
      <slot />
    </main>
    <LayoutTheFooter />
  </div>
</template>

<style scoped>
.app-layout {
  grid-template-rows: auto 1fr auto;
}
</style>
