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

changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-14 17:56:50 -03:00
parent e6ba938f38
commit 0c8100ddcb
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/cart/CartItem/CartItem.module.css
View File

@ -7,3 +7,11 @@
.quantity::-webkit-inner-spin-button {
@apply appearance-none m-0;
}
.productImage {
position: absolute;
top: 0;
left: -10px;
top: 15px;
transform: scale(1.9);
}

9
components/cart/CartItem/CartItem.tsx
View File

@ -3,7 +3,7 @@ import usePrice from '@lib/bigcommerce/use-price'
import useUpdateItem from '@lib/bigcommerce/cart/use-update-item'
import useRemoveItem from '@lib/bigcommerce/cart/use-remove-item'
import { ChangeEvent, useEffect, useState } from 'react'
import styles from './CartItem.module.css'
import s from './CartItem.module.css'
const CartItem = ({
item,
@ -58,10 +58,7 @@ const CartItem = ({
return (
<li className="flex flex-row space-x-8 py-6">
<div className="w-12 h-12 bg-violet relative overflow-hidden">
<img
className="w-full absolute top-3 left-0 -ml-3 transform scale-150"
src={item.image_url}
/>
<img className={s.productImage} src={item.image_url} />
</div>
<div className="flex-1 flex flex-col justify-between text-primary">
<span className="font-bold mb-3">{item.name}</span>
@ -73,7 +70,7 @@ const CartItem = ({
type="number"
max={99}
min={0}
className={styles.quantity}
className={s.quantity}
value={quantity}
onChange={handleQuantity}
onBlur={handleBlur}