/**
 * 公共纯列表页面样式
 */
@import '~amos-framework/lib/styles/mixins/scrollbar.scss';
@import './scrollbar.scss';

.mods-tablepanel {
  width: 100%;
  height: 100%;
  // background: white;
  background: $background-transparent;

  .mods-tablepanel-header {
    display: flex;
    width: 100%;
    height: 42px;
    color: $font-color-black;
    background: $header-background;
    // background-color: #f3f3f3;
    border-bottom: solid 1px $border-color-eaeaea;
  }

  .mods-tablepanel-title {
    display: flex;
    height: 100%;
    align-items: center;
    padding-left: 16px;
    font-size: 16px;
    // color: #333;
    color: $font-color-333333;

    .eb-com-btn {
      margin-right: 14px;
    }
  }

  .mods-tablepanel-btns {
    display: flex;
    flex: 1;
    height: 100%;
    align-items: center;
    justify-content: flex-end;

    .eb-com-btn {
      margin-right: 24px;
    }
  }

  .mods-tablepanel-content {
    position: relative;
    width: 100%;
    height: calc(100% - 42px);
  }

  .mods-tablepanel-filter {
    border-left: solid 1px #eaeaea;

    .mod-com-form {
      padding: 5px 24px;
    }
  }

  .mods-tablepanel-table {
    width: 100%;
    height: 100%;

    .eb-gridtable .eb-gridtable-content {
      // @include default-scroll;
      @include pretty-scrollbar(5px, 8px, $scrollOutColor, $scrollInnerColor);

      border-top: 0;

      .ant-table-header {
        @include default-scroll;
      }

      .ant-table-body {
        // @include default-scroll;
        @include pretty-scrollbar(5px, 8px, $scrollOutColor, $scrollInnerColor);
      }
    }
  }
}
