@chatui/core/es/components/ImageList/style.less

The React library for Chatbot UI

.ImageList {
  --image-list-size: 32px;
  --image-list-fit: cover;

  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin: -4px 0 0 -4px;
  padding: 0;
  list-style: none;

  &-item {
    position: relative;
    margin: 4px 0 0 4px;
  }

  .Image {
    display: block;
    width: var(--image-list-size);
    height: var(--image-list-size);
    border-radius: var(--radius-md);
    object-fit: var(--image-list-fit);
  }

  &-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    white-space: nowrap;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    background: var(--color-mask);
    color: #fff;
    font-size: var(--font-size-xs);
    line-height: 15px;
  }
}