crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 04:14:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 styles: img common in product cart

Browse Source 
:%s
This commit is contained in:
lytrankieio123 2021-09-14 10:52:58 +07:00
parent 20d6ebf24c
commit faf0bc1e35
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/common/ProductCard/ProductCard.module.scss
View File

@ -16,6 +16,12 @@
height: 100%;
width: 100%;
@apply flex justify-center items-center;
> div {
min-height: 13rem;
img {
object-fit: contain;
}
}
img {
@apply inline;
}

3
src/components/common/ProductCard/ProductCard.tsx
View File

@ -3,6 +3,7 @@ import React from 'react'
import { IconBuy } from 'src/components/icons'
import { ROUTE } from 'src/utils/constanst.utils'
import { ProductProps } from 'src/utils/types.utils'
import { ImgWithLink } from '..'
import ButtonCommon from '../ButtonCommon/ButtonCommon'
import ButtonIconBuy from '../ButtonIconBuy/ButtonIconBuy'
import ItemWishList from '../ItemWishList/ItemWishList'
@ -37,7 +38,7 @@ const ProductCard = ({
<div className={s.cardTop}>
<Link href={`${ROUTE.PRODUCT_DETAIL}/test`}>
<div className={s.productImage}>
<img src={imageSrc} alt="image" />
<ImgWithLink src={imageSrc} alt={name}/>
</div>
</Link>
<div className={s.productLabel}>