<template>
  <div class="app-container">
    <div class="sect-container card-container">
      <div class="container-body">
        <div class="body-left"></div>
        <div class="divider"></div>
        <div class="body-right"></div>
      </div>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.app-container {
  background-color: #f6f6f6;
  height: calc(100vh - 80px);
  overflow: auto;
  margin: 0;
  padding: 0;
}
.sect-container {
  padding: 15px !important;
}
.card-container {
  margin: 15px 10px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}

.container-body {
  display: flex;
  justify-content: space-between;
  .body-left {
    flex: 1;
  }
  .divider {
    padding: 0 6px;
  }
  .body-right {
    flex: 3;
  }
}
</style>