@import '../variables.scss';
// tabs 样式
.#{$prefix}tabs {
  &-wrap {
    position: relative;
    display: flex;
    z-index: 1;
    //background: red;
    .tab-item {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 2px;
      padding: 0 16px;
      min-width: max-content;
      height: 40px;
      border-radius: 6px 6px 0 0;
      background: $le-border-color_3;
      color: $le-color_4;
      font-size: 16px;
      cursor: pointer;
      &:hover {
        .dragEl {
          transition: all 0.3s ease-in-out;
          visibility: visible;
          margin-left: 4px;
          margin-right: -8px;
          width: 1em;
        }
      }
      &.disabled {
        .dragEl {
          cursor: not-allowed;
        }
      }
      &.active {
        color: $le-color-primary;
        background-color: #fff;
      }
      .dragEl {
        cursor: grab;
        visibility: hidden;
        width: 0;
        //margin-left: -8px;
        //margin-right: -8px;
      }
      &__name {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
      }
      .le-icon {
        color: $le-color_3;
      }
      .edit-icon {
        margin-left: 6px;
      }
    }
    .tabLoading {
      position: absolute;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: rgba(0, 0, 0, 0.05);
      .el-loading-spinner {
        transform: translate(0, -50%);
        margin: 0;
      }
    }
    .local_draggable-wrap {
      & > span {
        display: flex;
        overflow-x: auto;
      }
    }
  }
  &_popover {
    &_formConfig {
      .footer {
        border-top: 0;
        padding-top: 0;
        //margin-top: -8px;
      }
    }
    &_footer {
      padding-top: 0;
    }
  }
}