<template>
  <div class="app-layout">
    <app-head></app-head>
    <app-main></app-main>
  </div>
</template>
<script>
import AppHead from "./Head";
import AppMain from "./Main";
export default {
  name: "app-layout",
  components: {
    AppHead,
    AppMain
  }
};
</script>
<style lang="less">
.app-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.el-message--success, .el-message--warning, .el-message--error{
  background: #1F1F1F!important;
  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.2), 0px 6px 16px 0px rgba(0, 0, 0, 0.32), 0px 3px 6px -4px rgba(0, 0, 0, 0.48)!important;
  border-radius: 40px!important;
  border: 1px solid #333333!important;
  .el-message__content{
    color: rgba(255, 255, 255, 0.6)!important;
  }
}


</style>
