<script>
	import sideBar from "./sidebar.vue";
	import topControls from "./top-controls.vue";

	export default {
		components:{
			"side-bar":sideBar,
			"top-controls":topControls
		}
	}
</script>
<template>
	<div class="wrapper">
		<div class='section' style="width:70%">
			<top-controls></top-controls>
			<router-view></router-view>
		</div>
		<div class='section' style="width:30%">
			<side-bar></side-bar>
		</div>
	</div>
</template>
<style>
	.p0 {
	   padding: 0 !important;
	   margin: 0 !important;
	   height:100vh;
	}
	.wrapper {
		background: #fafafa;
		height:100vh;
	}
	.section {
		float:left;
		height:100%;
	}
</style>