cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

new assets

Browse Source
This commit is contained in:
Belen Curcio 2020-10-13 09:14:51 -03:00
parent 5d6804c7af
commit 6167fcd925
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/product/ProductCard/ProductCard.tsx
View File

@ -41,7 +41,7 @@ const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
<div className="absolute z-10 inset-0 flex items-center justify-center"> <div className="absolute z-10 inset-0 flex items-center justify-center">
<img <img
className="w-full object-cover" className="w-full object-cover"
src={p.images.edges[0].node.urlSmall} src={p.images.edges[0].node.urlXL}
/> />
</div> </div>
<div className={s.squareBg} /> <div className={s.squareBg} />

4
components/product/ProductView/ProductView.tsx
View File

@ -42,6 +42,8 @@ const ProductView: FC<Props> = ({ product, className }) => {
const activeSize = choices.size const activeSize = choices.size
const activeColor = choices.color const activeColor = choices.color
console.log(product.images.edges.map((n) => n.node))
return ( return (
<div className={cn(s.root, className)}> <div className={cn(s.root, className)}>
<div className="absolute"> <div className="absolute">
@ -58,7 +60,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
<div className="absolute z-10 inset-0 flex items-center justify-center"> <div className="absolute z-10 inset-0 flex items-center justify-center">
<img <img
className="w-full object-cover" className="w-full object-cover"
src={product.images.edges?.[0]?.node.urlSmall} src={product.images.edges?.[0]?.node.urlXL}
/> />
</div> </div>
<div className=" absolute inset-24 z-0 bg-violet"></div> <div className=" absolute inset-24 z-0 bg-violet"></div>