21 lines
427 B
JavaScript
21 lines
427 B
JavaScript
import React from 'react';
|
|
|
|
const GridImg = ({ src, item }) => {
|
|
let ratio = 1;
|
|
if (item.thumbnail_height && item.thumbnail_width) {
|
|
ratio = item.thumbnail_height / item.thumbnail_width;
|
|
}
|
|
return (
|
|
<div
|
|
style={{
|
|
backgroundImage: `url('${src}')`,
|
|
paddingBottom: `${ratio * 100}%`,
|
|
width: '100%',
|
|
backgroundPosition: 'center',
|
|
backgroundSize: 'cover'
|
|
}}
|
|
></div>
|
|
);
|
|
};
|
|
export default GridImg;
|