<template>

  <div class="app-container">
    <div class="content">
      <RouterView/>
    </div>
  </div>


</template>

<script setup>
import {RouterView} from 'vue-router'
</script>


<style>
.text-danger {
  color: #F56C6C!important;
}
</style>

<style lang="scss" scoped>

.app-container {
  display: flex;
  height: 100%;
  width: 100%;

  .menu {
    height: 100%;
    width: 12rem;

    box-sizing: border-box;
  }


  .content {
    flex: auto;
    box-sizing: border-box;
    padding: 0 0.8rem;
  }


}

</style>
