crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 12:24: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
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%; height: 100%;
width: 100%; width: 100%;
@apply flex justify-center items-center; @apply flex justify-center items-center;
> div {
min-height: 13rem;
img {
object-fit: contain;
}
}
img { img {
@apply inline; @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 { IconBuy } from 'src/components/icons'
import { ROUTE } from 'src/utils/constanst.utils' import { ROUTE } from 'src/utils/constanst.utils'
import { ProductProps } from 'src/utils/types.utils' import { ProductProps } from 'src/utils/types.utils'
import { ImgWithLink } from '..'
import ButtonCommon from '../ButtonCommon/ButtonCommon' import ButtonCommon from '../ButtonCommon/ButtonCommon'
import ButtonIconBuy from '../ButtonIconBuy/ButtonIconBuy' import ButtonIconBuy from '../ButtonIconBuy/ButtonIconBuy'
import ItemWishList from '../ItemWishList/ItemWishList' import ItemWishList from '../ItemWishList/ItemWishList'
@@ -37,7 +38,7 @@ const ProductCard = ({
<div className={s.cardTop}> <div className={s.cardTop}>
<Link href={`${ROUTE.PRODUCT_DETAIL}/test`}> <Link href={`${ROUTE.PRODUCT_DETAIL}/test`}>
<div className={s.productImage}> <div className={s.productImage}>
<img src={imageSrc} alt="image" /> <ImgWithLink src={imageSrc} alt={name}/>
</div> </div>
</Link> </Link>
<div className={s.productLabel}> <div className={s.productLabel}>