colexiu-project/src/components/col-upload/index.module.less

.colUpload {
  line-height: 0;

  .uploadFileMusic {
    color: #14BC9C;
    text-decoration-line: underline;
  }
}

.uploadSection {
  width: 150px;
  height: 85px;
  background: #f8faf9;
  border-radius: 10px;
  border: 1px solid rgba(45, 199, 170, 0.26);
  font-size: 14px;
  color: #2dc7aa;
  line-height: 20px;
}

.uploadFile {
  width: 100%;
  min-width: 300px;
  height: 50px;
  border: 1px solid rgba(142, 142, 142, 0.26);
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  color: var(--el-text-color-regular);

  :global {
    .el-icon {
      margin-right: 5px;
    }
  }
}

.fileUpload {
  :global {
    .el-upload--text {
      @apply w-full;
    }

    .el-loading-spinner {
      display: flex;
      align-items: center;
      height: 42px !important;
      justify-content: center;
      margin-top: -20px !important;

      svg {
        width: 20px;
        height: 20px;
        margin-right: 5px;
      }
    }
  }
}

.uploadClass {
  height: 85px;
  width: 100%;

  :global {
    .el-loading-spinner {
      margin-top: -33px;
      height: 85px;
    }

    .el-loading-mask {
      height: 50px;
      border-radius: 10px;
    }
  }
}