diff --git a/app/javascript/flavours/glitch/components/media_gallery.jsx b/app/javascript/flavours/glitch/components/media_gallery.jsx index 9ea2d244e..560a73718 100644 --- a/app/javascript/flavours/glitch/components/media_gallery.jsx +++ b/app/javascript/flavours/glitch/components/media_gallery.jsx @@ -52,7 +52,7 @@ class Item extends PureComponent { visible: PropTypes.bool.isRequired, autoplay: PropTypes.bool, useBlurhash: PropTypes.bool, - imageStyle: PropTypes.object, + contentStyles: PropTypes.object, }; static defaultProps = { @@ -117,7 +117,7 @@ class Item extends PureComponent { displayWidth, visible, useBlurhash, - imageStyle + contentStyles } = this.props; let badges = [], thumbnail; @@ -129,7 +129,7 @@ class Item extends PureComponent { width = 100; } - if (size === 4 || (size === 3 && index > 0)) { + if (size >= 4 || (size === 3 && index > 0)) { height = 50; } @@ -184,7 +184,7 @@ class Item extends PureComponent { alt={description} title={description} lang={lang} - style={{ ...imageStyle, objectPosition: letterbox ? null : `${x}% ${y}%` }} + style={{ objectPosition: letterbox ? null : `${x}% ${y}%` }} onLoad={this.handleImageLoad} /> @@ -216,7 +216,7 @@ class Item extends PureComponent { } return ( -