<template>
  <PageHeader />
  <main>
    <Navigationbar />
    <slot />
    <Actionbar />
  </main>
</template>


<script>
import PageHeader from "./PageHeader.vue";
import Navigationbar from "./Navigationbar.vue";
import Actionbar from "./Actionbar.vue";

export default {
    name: "Page",
    components: {
      PageHeader, 
      Navigationbar,
      Actionbar,
    }
}

</script>
  
  
  
<style scoped>

  * {
    box-sizing: border-box;
  }

  /*body {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    background-color: #212121;
  }*/
  
  main {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    padding: 10px 25px 10px 10px;
    background-color: #212121;
  }
  
  
  
</style>