@import '../mixins/mixins.less';
@import '../mixins/config.less';
// 使用到的组件
@import '../ap-table/ap-table.less';

@border-color: #dee4ed;

.b('ap-table-modal', {
  &--table-layout { 
    display: flex;
    justify-content: space-between;
    height: 100%;
    &.complex-layout {
      position: relative;
      &::before {
        content: '';
        width: calc(100% + 40px);
        height: 1px;
        background-color: @border-color;
        position: absolute;
        left: -20px;
        bottom: 0px;
      }
    }
    

    &-left {
     width: calc(100% - 410px);
     padding-right: 20px;
     padding-bottom: 16px;
     box-sizing: border-box;
    }

    &-right {
      width: 410px;
      padding-left: 20px;
      position: relative;
      &-content {
        max-height: calc(100vh - 280px);
        overflow-y: auto;
      }
      &::before {
        content: '';
        height: calc(100% + 20px);
        width: 1px;
        background-color: @border-color;
        position: absolute;
        left: 0px;
        top:-20px;
      }
    }
  }
});