<template>
  <div class="basic-layout">
    <layout-header />
    <main class="app-main">
      <router-view :key="key" />
    </main>
  </div>
</template>

<script>
import LayoutHeader from './components/LayoutHeader.vue';

export default {
  name: 'Layout',
  components: {
    LayoutHeader
  },
  computed: {
    key() {
      return this.$route.path;
    }
  }
};
</script>

<style lang="scss">
.basic-layout {
  height: 100%;
  padding-top: 130px;

  .app-main {
    height: 100%;
    overflow-y: auto;
    background-color: #f5f5f5;
  }
}
</style>
