<template>
  <div class="app-layout">
    <app-head class="app-head"></app-head>
    <app-main></app-main>
    <notify></notify>
  </div>
</template>
<script>
import AppHead from "./EditorHead.vue";
import AppMain from "./EditorMain.vue";
import Notify from "@/components/notify.vue";

export default {
  name: "app-layout",
  components: {
    AppHead,
    AppMain,
    Notify
  },
};
</script>
<style lang="less">
.app-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  .app-head {
    flex: 0 0 auto;
  }
}
</style>
