<script setup lang="ts">
import { RouterView } from 'vue-router'
//import navbar from './components/navbar.vue'
import sidebar from './components/sidebar.vue'
</script>

<template>
  <!--
  <navbar />
  -->
  <sidebar />
  <main>
    <RouterView />
  </main>
</template>

<style>
main {
  width: 100%;
  overflow-x: scroll;
  padding: 1rem 1.5rem 0 1.5rem;
}
#app {
  display: flex;
  flex-direction: row;
  overflow-y: hidden;
  max-height: 100vh;
}
.sup {
  vertical-align: super;
  font-size: 0.9em;
}
</style>
