Fix show over 5 medias on web cli

This commit is contained in:
KMY 2023-05-12 15:47:09 +09:00
parent 081439a7dd
commit ec0ed1cfd8
2 changed files with 9 additions and 1 deletions

View file

@ -338,7 +338,7 @@ class MediaGallery extends React.PureComponent {
}
return (
<div className='media-gallery' style={style} ref={this.handleRef}>
<div className={classNames('media-gallery', { 'media-gallery--row3': size === 5 || size === 6, 'media-gallery--row4': size === 7 || size === 8 })} style={style} ref={this.handleRef}>
<div className={classNames('spoiler-button', { 'spoiler-button--minified': visible && !uncached, 'spoiler-button--click-thru': uncached })}>
{spoilerButton}
</div>

View file

@ -6509,6 +6509,14 @@ a.status-card.compact:hover {
grid-template-columns: 50% 50%;
grid-template-rows: 50% 50%;
gap: 2px;
&--row3 {
grid-template-rows: 34% 33% 33%;
}
&--row4 {
grid-template-rows: 25% 25% 25% 25%;
}
}
.media-gallery__item {