<template>
  <div class="Layout font-sans text-base bg-app-drak-1 page text-white">
      <!-- <header>header</header> -->
      <app-overlay></app-overlay>
      <div class='content'>
          <slot>
              <router-view></router-view>
          </slot>
      </div>
      <app-navigator></app-navigator>
      <!-- <footer>mxmwebsite</footer> -->
  </div>
</template>

<script lang="ts">
import Vue from 'vue';



export default Vue.extend({
  name: 'Layout',
  components:{
    'app-overlay':()=>import('./overlay.vue'),
    'app-navigator':()=>import('./navigator.vue')
  }
});
</script>
<style scoped>
.Layout{
    height:100%;
    width: 100%;
    position: relative;
    overflow-y: scroll;
    overflow-x: hidden;
}
.page{
  height: 100vh;
  width: 100vw;
}
</style>