<template>
  <div class="layout-box">
    <SideBar />
    <div class="layout-content">
      <PageLayout />
    </div>
  </div>
</template>
<script lang="ts" setup>
  import SideBar from './components/SideBar.vue';
  import PageLayout from '/@/layouts/page/index.vue';
</script>
<style lang="less" scoped>
  .layout-box {
    width: 100%;
    height: 100vh;
    background: #e8ebed;
    border-radius: 0;
    display: flex;

    .layout-content {
      height: 100vh;
      flex: 1;
      overflow-y: scroll;
      padding: 10px;
    }
  }
</style>
