orchestra-app/src/school/orchestra/modal/subject-list.module.less

.subjectList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.subject {
  --van-checkbox-border-color: transparent;
  position: relative;
  padding-left: 13px;
  margin-top: 20px;
  :global {
    .van-checkbox {
      position: absolute;
      top: 6px;
      right: 6px;
      z-index: 9;
      height: 25px;
    }
  }
  .iconChecked {
    font-size: 18px;
    border: 1px solid transparent;
    :global {
      .van-icon__image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .img {
    width: 108px;
    height: 108px;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
  }

  .name {
    padding-top: 6px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    max-width: 108px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}