crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 07:56:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update modal.tsx

Browse Source
This commit is contained in:
Sol Irvine 2023-09-06 13:52:30 -07:00
parent 8c194a6ca1
commit 1a9f6bb802
1 changed files with 170 additions and 166 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
components/cart/modal.tsx
View File

@ -62,11 +62,12 @@ export default function CartModal({
return ( return (
<> <>
<button aria-label="Open cart" onClick={openCart}> <div>
<button aria-label="Open cart" onClick={openCart} className="w-20">
<OpenCart quantity={cart?.totalQuantity} /> <OpenCart quantity={cart?.totalQuantity} />
</button> </button>
<Transition show={isOpen}> <Transition show={isOpen}>
<Dialog onClose={closeCart} className="relative z-50"> <Dialog onClose={closeCart} className="relative z-50 w-0">
<Transition.Child <Transition.Child
as={Fragment} as={Fragment}
enter="transition-all ease-in-out duration-300" enter="transition-all ease-in-out duration-300"
@ -156,7 +157,9 @@ export default function CartModal({
{item.merchandise.product.title} {item.merchandise.product.title}
</span> </span>
{item.merchandise.title !== DEFAULT_OPTION ? ( {item.merchandise.title !== DEFAULT_OPTION ? (
<p className="text-sm text-white">{item.merchandise.title}</p> <p className="text-sm text-white">
{item.merchandise.title}
</p>
) : null} ) : null}
</div> </div>
</Link> </Link>
@ -231,6 +234,7 @@ export default function CartModal({
</Transition.Child> </Transition.Child>
</Dialog> </Dialog>
</Transition> </Transition>
</div>
</> </>
); );
} }