fix(item media): adjust image height render

collectedmind · collectedmind · commit f0a7721193a8 · 2024-10-29T09:30:02.000-07:00
diff --git a/clients/web/src/components/item/item-media.js b/clients/web/src/components/item/item-media.js
@@ -23,7 +23,7 @@ const cardMediaStyles = css`
     position: absolute;
     object-fit: cover;
     width: 100%;
-    height: auto;
+    height: 100%;
     min-height: var(--aspect-percent);
     transition-property: opacity;
     transition-duration: 0.2s;
diff --git a/clients/web/src/containers/collections/stories-page/card.spec.js.snap b/clients/web/src/containers/collections/stories-page/card.spec.js.snap
@@ -9,7 +9,7 @@ exports[`ItemCard renders a story 1`] = `
     class="media-block"
   >
     <div
-      class="css-dwpxoa media"
+      class="css-14x2fwa media"
     >
       <a
         data-testid="image-link"

Original file line number	Diff line number	Diff line change
@@ -9,7 +9,7 @@ exports[`ItemCard renders a story 1`] = `
`9`	`9`	`class="media-block"`
`10`	`10`	`>`
`11`	`11`	`<div`
`12`		`- class="css-dwpxoa media"`
	`12`	`+ class="css-14x2fwa media"`
`13`	`13`	`>`
`14`	`14`	`<a`
`15`	`15`	`data-testid="image-link"`