<template>
  <div class="doc_container">
    <router-view />
  </div>
</template>

<script>
export default {
  components: {
    
  },
  data: () => ({
    
  }),
  watch: {
    
  },
  methods: {
    
  },
  mounted() {
    
  },
};
</script>

<style scoped>
.doc_container {
  height: calc(100vh - 58px);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.side_nav_bar {
  width: 180px;
  flex-shrink: 0;
}
.main_container {
  width: calc(100% - 180px);
  flex-grow: 1;
  flex-shrink: 1;
  background-color: #f6f7fb;
  overflow: auto;
}
</style>
