feat(Image): Change background-image: contain to background-image: cover

This change is needed so the images' right side won't get chopped off
ticketmaster · Aug 10, 2018 · 76b29e6 · 76b29e6
1 parent 016ff3b
commit 76b29e6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Image/Responsive.styles.js b/src/components/Image/Responsive.styles.js
@@ -10,7 +10,7 @@ const StyledResponsiveImage = styled.div.attrs({
   padding-top: ${({ height, width }) => `${(height / width) * 100}%`};
   background-image: ${({ image }) => `url(${image})`};
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size: cover;
 `;
 
 StyledResponsiveImage.propTypes = {

diff --git a/src/components/Image/__tests__/__snapshots__/Responsive.spec.js.snap b/src/components/Image/__tests__/__snapshots__/Responsive.spec.js.snap
@@ -10,7 +10,7 @@ exports[`ResponsiveImage should render correctly 1`] = `
   padding-top: 56.25%;
   background-image: url(http://placekitten.com/g/826/465);
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size: cover;
 }
 
 .c1 {