crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Design Tweaks

Browse Source
This commit is contained in:
Belen Curcio
2020-10-13 14:34:24 -03:00
parent f5f8b1570e
commit 6978b4d4bb
12 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,6 @@
.quantity {
appearance: textfield;
@apply w-8 border-gray-300 border mx-3 rounded text-center text-sm;
@apply w-8 border-gray-300 border mx-3 rounded text-center text-sm text-black;
}
.quantity::-webkit-outer-spin-button,

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

@@ -56,8 +56,8 @@ const CartItem = ({
return (
<li className="flex flex-row space-x-6 py-6">
<div className="h-12 w-12 bg-violet"></div>
<div className="flex-1 flex flex-col justify-between">
<span>{item.name}</span>
<div className="flex-1 flex flex-col justify-between text-primary">
<span className="font-bold mb-3">{item.name}</span>
<div className="flex items-center">
<button type="button" onClick={() => increaseQuantity(-1)}>
<Minus width={18} height={18} />
@@ -76,7 +76,7 @@ const CartItem = ({
</button>
</div>
</div>
<div className="flex flex-col justify-between space-y-2">
<div className="flex flex-col justify-between space-y-2 text-primary">
<span>{price}</span>
<button
className="flex justify-end"

2
components/cart/CartSidebarView/CartSidebarView.tsx
View File

@@ -38,7 +38,7 @@ const CartSidebarView: FC = () => {
return (
<div
className={cn('h-full flex flex-col', {
'bg-black text-white': isEmpty,
'bg-white text-black': isEmpty,
'bg-red text-white': error,
'bg-green text-white': success,
})}