<script setup lang="ts"></script>

<template>
  <main
    class="dimensions background rounded-1 overflow-auto d-flex flex-column gap-3 gap-sm-2 px-4 pt-4 pb-3"
  >
    <Navigation />
    <slot name="header" />
    <NuxtPage
      class="scrollbar fade-mask-sm flex-grow-1 overflow-x-hidden overflow-y-auto py-sm-4 pe-sm-3"
    />
    <slot name="footer" />
  </main>
</template>

<style scoped lang="scss"></style>
