@import './templates/tab-item/index.scss';

.scroll-image-tab {
  display: flex;
  padding: 0 25rpx;

  .scroll-view {
    flex-grow: 1;
    width: 460rpx;
    white-space: nowrap;

    &.show-more {
      padding-right: 16rpx;
    }
  }
}

.scroll-image-dialog {
  &-title {
    width: 100%;
    height: 112rpx;
    font-size: 34rpx;
    font-weight: bold;
    line-height: 112rpx;
    color: var(--color-gray-0);
    text-align: center;
  }

  &-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, 90rpx);
    grid-row-gap: 32rpx;
    grid-column-gap: 32rpx;
    padding: 0 25rpx;
  }
}