<template>
  <div class="list-view-with-head opc-and-batch" ref="pointer-loading-ref">
    <OPCView />
    <BatchView />
  </div>
</template>

<script>
import OPCView from "./components/opcView.vue";
import BatchView from "./components/batchView.vue";

export default {
  name: "opcAndBatchConfig",
  components: { OPCView, BatchView },
  props: {},
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped>
.list-view-with-head {
  background: white;
  /* height: 100%; */
  min-height: inherit;
  border-radius: 6px;
  padding: 16px;
  box-shadow: 0 0 1.125px 0.125px rgba(0, 0, 0, 0.125);
}

.opc-and-batch {
  display: flex;
}

.opc-and-batch > div {
  flex: 1;
}
.opc-and-batch > div:not(:first-child) {
  margin-left: 8px;
}
.opc-and-batch > div:first-child {
  margin-right: 8px;
}
</style>
