<template>
  <div class="answer">
    <LayoutHeader />
    <div class="answer-container">
      <router-view />
    </div>
  </div>
</template>

<script>
import LayoutHeader from './header/index.vue';

export default {
  name: 'LayoutAnswer',
  components: {
    LayoutHeader,
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.answer {
  display: flex;
  flex-direction: column;

  &-container {
    height: calc(100vh - 64px);
    padding: 16px;
    overflow: auto;
    background-color: #f8f7f8;
  }
}
</style>
