<template>
  <div class="common-node-panel-box">
    <a-tabs>
      <slot></slot>
    </a-tabs>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
  .common-node-panel-box {
    padding: 0 10px;
    width: 100%;
    height: 100%;
  }

  :deep(.ant-tabs) {
    height: 100%;
    font-size: 12px;
    background-color: #fff;
  }

  :deep(.ant-tabs-content-holder) {
    height: 100%;
    overflow: auto;
  }

  :deep(.ant-tabs-tab) {
    font-size: 12px;
  }

  :deep(.ant-tabs-top > .ant-tabs-nav::before) {
    border-bottom: 1px solid #ddd;
  }

  :deep(.ant-form-item-label > label) {
    font-size: 12px;
  }

  :deep(.vben-basic-table .ant-table-content) {
    font-size: 12px;
  }

  :deep(.ant-input) {
    font-size: 12px;
  }

  :deep(.ant-btn-primary) {
    font-size: 12px;
  }

  :deep(.ant-empty-description) {
    font-size: 12px;
  }

  :deep(.ant-select-selection-item) {
    font-size: 12px;
  }

  :deep(.ant-select-tree-title) {
    font-size: 12px;
  }

  :deep(.ant-select-item) {
    font-size: 12px;
  }
</style>
