<script lang="ts">
export default { name: 'AppMain' }
</script>

<template>
  <section class="app-main">
    <div class="app-main-inner">
      <router-view></router-view>
    </div>
  </section>
</template>

<style>
.app-main {
  position: relative;
  flex: 1;
  padding: 20px;
  overflow: hidden;
}
.app-main-inner {
  height: 100%;
  margin: 0 auto;
}
.app-main-container::after {
  content: '';
  display: table;
  clear: both;
}
</style>
