<template>
    <div class="mainBox">
       <side-bar></side-bar>
       <content-area></content-area> 
    </div>
</template>

<script>
import SideBar from "./Sidebar";
import ContentArea from "./ContentArea";
export default {
  name: "layout",
  components: {
    SideBar,
    ContentArea
  }
};
</script>

<style style="stylesheet/scss" lang="scss"  scoped>
html,
body {
  height: 100%;
}
.mainBox {
  height: 100%;
  font-size: 0.3rem;
}
</style>
