Merge pull request #1318 from w3bdesign/1314-improve-cart-design-on-mobile

w3bdesign · web-flow · commit 35d6507f0c80 · 2024-09-15T05:51:04.000+02:00
CartContents responsive design
diff --git a/src/components/Cart/CartContents.component.tsx b/src/components/Cart/CartContents.component.tsx
@@ -94,7 +94,7 @@ const CartContents = () => {
                 key={item.key}
                 className="flex items-center border-b border-gray-200 py-4"
               >
-                <div className="flex-shrink-0 w-24 h-24 relative">
+                <div className="flex-shrink-0 w-24 h-24 relative hidden md:block">
                   <Image
                     src={
                       item.product.node.image?.sourceUrl || '/placeholder.png'

Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@ const CartContents = () => {`
`94`	`94`	`key={item.key}`
`95`	`95`	`className="flex items-center border-b border-gray-200 py-4"`
`96`	`96`	`>`
`97`		`- <div className="flex-shrink-0 w-24 h-24 relative">`
	`97`	`+ <div className="flex-shrink-0 w-24 h-24 relative hidden md:block">`
`98`	`98`	`<Image`
`99`	`99`	`src={`
`100`	`100`	`item.product.node.image?.sourceUrl \|\| '/placeholder.png'`