@import '../mixins/mixins.less';

.b(ap-upload-multiple-file, {
  .multiple-file-context {
    display: flex;
    align-items: center;

    .file-btn {
      display: flex;
      align-items: center;
      padding: 7px 16px;
      transition: all 0.3s;
      border: 1px solid #dee4ed;
      border-radius: 4px;
      color: #182948;

      &:hover {
        border-color: #0070ff;
        color: #0070ff;
      }
    }

    .sub-title {
      padding-left: 16px;
      color: #8896b0;
      font-size: 14px;
    }
  }

  .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
    background: rgb(245 249 250);
  }

  .ant-upload-text-icon {
    color: #abb7cc;
  }

  .ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-name,
  .ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-icon .anticon,
  .ant-upload-list-item-error .ant-upload-text-icon {
    color: #ff4d4f;
  }

  .ant-upload-list-item-done {
    color: #0070ff;
  }

  .ant-upload-list-item-undefined {
    color: #0070ff;
  }
});

.b(ap-upload-multiple-file-admin, {
  .multiple-file-context {
    .file-btn {
      border: 1px solid #d9d9d9;
      color: #333333;
      
      &:hover {
        border-color: #34b77c;
        color: #34b77c;
      }
    }
    .sub-title{
      color: #999999;
    }
  }

  .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
    background: #fafafa;
  }

  .ant-upload-text-icon {
    color: #bfbfbf;
  }

  .ant-upload-list-item-done {
    color: #1890ff;
  }

  .ant-upload-list-item-undefined {
    color: #1890ff;
  }
});