<template>
  <div id="root-page">
    <div id="root-menu">
    </div>
    <div id="root-main">
      root-main
    </div>
  </div>
</template>

<script>
export default {
  name: "RootPage"
};
</script>

<style scoped>
#root-page {
  display: flex;
  height: 100%;
}

#root-menu {
  height: calc(100vh - 280px);
  flex-basis: 10vw;
  background: aliceblue;
}

#root-main {
  flex: 1;
}
</style>