fix: fix tile size - Githubissues

saleor / storefront

Saleor Storefront built with React 18, Next.js 14, App Router, TypeScript, GraphQL, and Tailwind CSS.

https://storefront.saleor.io

BSD 3-Clause "New" or "Revised" License

1.06k stars 598 forks source link

Closed grzegorzpokorski closed 1 year ago

grzegorzpokorski commented 1 year ago

FIx #911 issue.

Add aspect-ratio: 1 / 1; to ProductImageWrapper component which is responsible for display image on tile in product list and on the product page.
Change object-fit: cover; to object-fit: contain; in ProductImageWrapper because, from the user's perspective, it's crucial to see the entire product, which may not always be possible when the image has the object-fit: cover; property:

Zrzut ekranu 2023-10-10 122004

vercel[bot] commented 1 year ago

@grzegorzpokorski is attempting to deploy a commit to the Saleor Commerce Team on Vercel.

A member of the Team first needs to authorize it.