@hanzo/commerce 7.1.6 → 7.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -41,7 +41,11 @@ const CartLineItem: React.FC<{
|
|
|
41
41
|
const promoPrice = showPromoCode ? cmmc.itemPromoPrice(item) : undefined
|
|
42
42
|
|
|
43
43
|
return (
|
|
44
|
-
<div className={cn(
|
|
44
|
+
<div className={cn(
|
|
45
|
+
'flex flex-col justify-start items-start text-sm font-sans',
|
|
46
|
+
selected ? 'border-foreground border rounded-sm' : 'p-[1px]',
|
|
47
|
+
className
|
|
48
|
+
)}>
|
|
45
49
|
<div
|
|
46
50
|
className={
|
|
47
51
|
'flex flex-row justify-between items-center gap-1 ' +
|
|
@@ -50,7 +54,7 @@ const CartLineItem: React.FC<{
|
|
|
50
54
|
onClick={() => {itemClicked && itemClicked(item)}}
|
|
51
55
|
>
|
|
52
56
|
{/* 1px gap between image and border for better emphasis w small images */}
|
|
53
|
-
<div className={selected ? 'border-foreground p-[1px] border rounded-sm' : 'p-[2px]'}>
|
|
57
|
+
<div className={ /*selected ? 'border-foreground p-[1px] border rounded-sm' : 'p-[2px]' */ ''}>
|
|
54
58
|
{item.img ? (
|
|
55
59
|
<Image def={item.img} constrainTo={{w: imgSizePx, h: imgSizePx}} />
|
|
56
60
|
) : ( // placeholder so things align
|
|
@@ -104,7 +104,7 @@ const CartPanel: React.FC<PropsWithChildren & {
|
|
|
104
104
|
</Suspense>
|
|
105
105
|
)}
|
|
106
106
|
{(showShipping || showPromoCode) && (
|
|
107
|
-
<div className='flex flex-col gap-
|
|
107
|
+
<div className='flex flex-col gap-0.5 py-1.5 border-t text-sm'>
|
|
108
108
|
<p className='flex justify-between'>
|
|
109
109
|
<span className='text-muted-1'>Subtotal</span>
|
|
110
110
|
<span className='font-semibold'>{cmmc.cartTotal === 0 ? '0' : formatCurrencyValue(cmmc.cartTotal)}</span>
|
|
@@ -68,7 +68,7 @@ const PromoCode = observer(() => {
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
return (
|
|
71
|
-
<div className='flex flex-col gap-2 border-t py-
|
|
71
|
+
<div className='flex flex-col gap-2 border-t py-1'>
|
|
72
72
|
<Form {...form}>
|
|
73
73
|
<form onSubmit={form.handleSubmit(applyPromoCode)}>
|
|
74
74
|
<div className='flex gap-2 items-center'>
|