@import '../../style/index.less';

@upload-button-prefix-cls: ~'@{xui-prefix}__upload-button';
@upload-button-prefix-cls-btn: ~'@{xui-prefix}__upload-button-btn';

.@{upload-button-prefix-cls} {
  position: relative;
  &--upload {
    .ant-upload {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      line-height: 92px;
      .anticon-plus {
        color: #999;
        font-size: 28px;
      }
    }
    .ant-upload-list-picture-card-container,
    .ant-upload-select-picture-card {
      margin-bottom: 0;
    }
    .ant-upload-list-item-list-type-picture-card {
      padding: 0;
    }
    .ant-upload-list-item-actions {
      display: flex;
      align-items: center;
    }
  }
  &--templateLoad {
    position: absolute;
    top: 6px;
    left: 120px;
  }
}

.ant-upload-list-item-info {
  color: @primary-color;
  background-color: #f5f5f5;
  .ant-upload-list-item-card-actions-btn {
    opacity: 1;
    .anticon.anticon-delete {
      color: @primary-color;
    }
  }
}

.ant-form-item-has-error {
  .@{upload-button-prefix-cls-btn} {
    color: @error-color !important;
    border-color: @error-color !important;
  }
}