aiforge/web_src/less/_dataset.less

.dataset {
  padding-top: 15px;
  .dataset-files {
    margin: 0 30px !important;
    #dataset {
      .dz-preview {
        border-bottom: 1px solid rgb(218, 220, 224);
        min-height: 0;
      }
      .dz-preview.dz-file-preview,
      .dz-preview.dz-processing {
        display: flex;
        align-items: center;
        .dz-details {
          z-index: 1;
          opacity: 1 !important;
          display: flex;
          padding: 0 0 10px 0;
          min-width: 60%;
          max-width: 60%;
          position: relative;
        }
        .dz-success-mark {
          z-index: 0;
          position: relative;
          top: 0;
          left: auto;
          color: green;
          margin: 0 16px;
        }
        .dz-error-mark {
          z-index: 0;
          position: relative;
          top: 0;
          left: auto;
          color: red;
          margin: 0 16px;
        }
        .bar {
          background: #21ba45;
        }
        .dz-progress {
          left: 4px;
          background: grey;
          width: 70%;
          top: 20px;
          margin: 0;
        }
        .dz-file {
          margin-bottom: auto;
        }
      }
      .dz-preview .dz-error-message {
        top: 30px;
      }
    }
  }
  #dataset-list {
      border-top: 1px solid #dddddd;
      margin-top: 20px;
      padding-top: 15px;

      > li {
          list-style: none;

          .meta,
          .detail {
              padding-top: 30px;
              padding-bottom: 40px;
          }

          .meta {
              text-align: right;
              position: relative;

              .tag:not(.icon) {
                  display: block;
                  margin-top: 15px;
              }

              .commit {
                  display: block;
                  margin-top: 10px;
              }
          }

          .detail {
              border-left: 1px solid #dddddd;

              .author {
                  img {
                      margin-bottom: -3px;
                  }
              }

              .download {
                  margin-top: 20px;

                  > a {
                      .svg {
                          margin-left: 5px;
                          margin-right: 5px;
                      }
                  }

                  .list {
                      padding-left: 0;
                      border-top: 1px solid #eeeeee;

                      li {
                          list-style: none;
                          display: block;
                          padding-top: 8px;
                          padding-bottom: 8px;
                          border-bottom: 1px solid #eeeeee;

                          a > .text.right {
                              margin-right: 5px;
                          }
                      }
                  }
              }

              .dot {
                  width: 9px;
                  height: 9px;
                  background-color: #cccccc;
                  z-index: 999;
                  position: absolute;
                  display: block;
                  left: -5px;
                  top: 40px;
                  border-radius: 6px;
                  border: 1px solid #ffffff;
              }
          }
      }
  }
  .item {
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #aaaaaa;
  }
  .ui.grid>.row {
      align-items: center;
  }
  .title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 6px;
  }
}
.dataset-list {
  .hide {
    display: none;
  }
}
.ui.dataset.list {
    .item {
        padding-bottom: 25px;

        &:not(:first-child) {
            border-top: 1px solid #eeeeee;
            padding-top: 25px;
        }

        .ui.header {
            font-size: 1.5rem;
            padding-bottom: 10px;

            .name {
                word-break: break-all;
            }

            .metas {
                color: #888888;
                font-size: 14px;
                font-weight: normal;

                span:not(:last-child) {
                    margin-right: 5px;
                }
            }
        }

        .time {
            font-size: 12px;
            color: #808080;
        }

        .ui.tags {
            margin-bottom: 1em;
        }

        .ui.avatar.image {
            width: 24px;
            height: 24px;
        }
    }
}