<template>
  <a-layout class="app-layout">
    <SideNav />
    <a-layout class="app-layout__main">
      <router-view />
    </a-layout>
  </a-layout>
</template>

<script setup lang="ts">
import { Layout as ALayout } from 'ant-design-vue'
import SideNav from './SideNav.vue'
</script>

<style scoped>
.app-layout {
  height: 100vh;
  width: 100vw;
}

.app-layout__main {
  flex: 1;
  overflow: hidden;
  background: #f5f5f5;
}
</style>
