oa/src/App.vue

<template>
  <router-view />
</template>

<style lang="scss">
  @import 'scss/main.scss';

  #app {
    font-family: 'Source Sans Pro', Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  body {
    margin: 0;
  }
  .opBtn {
    display: inline-block;
  }
  .va-toast__title {
    color: white;
  }
  .pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .va-data-table .va-data-table__table .va-data-table__table-thead {
    border-bottom: 2px solid black;
  }
  .va-data-table .va-data-table__table .va-data-table__table-thead th {
    box-shadow: none;
  }
  .va-toast__content {
    color: white;
  }
  .workSpace {
    width: 100%;
    flex: 1;
  }
  .table {
    margin-top: 20px;
    width: 100%;
  }
  .va-table-responsive {
    width: 100%;
  }
  .va-table {
    width: 100%;
  }
</style>