joywok-material-components/components/upload/style/index.css

<h1 align="center"> Joywok Material Components </h1>

.contained-button-file {
  display: none;
}

.upload-file-container {
  cursor: pointer;
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px dashed #e7e7e7;
}
.upload-file-container:before, .upload-file-container:after {
  content: "";
  position: absolute;
  background: #404A53;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.upload-file-container:before {
  width: 34px;
  height: 3px;
}
.upload-file-container:after {
  width: 3px;
  height: 34px;
}

.file-list-container .file-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
.file-list-container .file-item:last-child {
  margin-bottom: 0;
}
.file-list-container .file-item .file-uploading,
.file-list-container .file-item img {
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
.file-list-container .file-item .file-uploading {
  position: relative;
  background: #e7e7e7;
}
.file-list-container .file-item .file-uploading .ant-progress {
  z-index: 1;
  width: 100%;
  font-size: 12px;
  position: absolute;
  top: 47%;
  background: #efefef;
  border-radius: 3px;
}
.file-list-container .file-item .file-uploading .ant-progress .ant-progress-bg {
  background-color: #f3533b;
  height: 5px !important;
  border-radius: 3px;
}
.file-list-container .file-item .file-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file-list-container .file-item .name {
  font-size: 14px;
  color: #333333;
  line-height: 20px;
}
.file-list-container .file-item .size {
  font-size: 14px;
  color: #999999;
  line-height: 20px;
}
.file-list-container .file-item .operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  color: #777777;
}
.file-list-container .file-item .del {
  cursor: pointer;
  color: #FF3B3F;
  margin-right: 5px;
}
.file-list-container .file-item .replace {
  cursor: pointer;
  color: #23AF8C;
  margin-left: 5px;
}

.file-upload-btn span {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  color: #20bb7a;
  line-height: 20px;
  margin-top: 16px;
}