<template>
  <div id="app" class="flex flex-col h-100vh">
    <Header />
    <section class="flex flex-1 overflow-y-auto">
      <Aside />
      <main class="flex-1 bg-F8F9FA">
        <router-view />
      </main>
    </section>
  </div>
</template>

<script setup lang="ts">
import Header from './components/Header.vue';
import Aside from './components/Aside.vue';
</script>

<style>
#app {
  margin: 0 auto;
  font-family: "Helvetica Neue", Arial, sans-serif;
}
.bg-F8F9FA {
  background-color: #F8F9FA;
}

</style>
