crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-03-14 22:42:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
Belen Curcio 2020-10-15 17:10:54 -03:00
parent e881121913
commit bbeb3e4d4b
3 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/core/UserNav/UserNav.tsx
View File

@ -16,8 +16,8 @@ const countItems = (count: number, items: any[]) =>
items.reduce(countItem, count)
const UserNav: FC<Props> = ({ className }) => {
const { openSidebar, closeSidebar, displaySidebar } = useUI()
const { data } = useCart()
const { openSidebar, closeSidebar, displaySidebar } = useUI()
const itemsCount = Object.values(data?.line_items ?? {}).reduce(countItems, 0)
return (

22
components/product/ProductCard/ProductCard.module.css
View File

@ -66,8 +66,26 @@
}
.productTitle {
@apply p-3 h-14 bg-primary text-base font-bold text-xl truncate leading-8 inline-flex;
max-width: calc(100% - 50px);
/* @apply p-3 h-14 bg-primary text-base font-bold text-xl truncate leading-8 inline-flex; */
/* max-width: calc(100% - 50px); */
line-height: 1.3;
padding: 2px 0;
border-left: 20px solid #c0c;
width: 400px;
margin: 20px auto;
& h2 {
background-color: #c0c;
padding: 4px 0;
color: #fff;
display: inline;
margin: 0;
& .strong {
position: relative;
left: -10px;
}
}
@screen lg {
@apply text-2xl;

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

@ -48,7 +48,11 @@ const ProductCard: FC<Props> = ({ className, node: p, variant }) => {
<div className="flex flex-row justify-between box-border w-full z-10 relative">
<div className="flex flex-col flex-1 overflow-hidden">
<div className="flex-1">
<span className={s.productTitle}>{p.name}</span>
<span className={s.productTitle}>
<h2>
<strong>{p.name}</strong>
</h2>
</span>
</div>
<div className="flex-0">
<div className={s.productPrice}>${p.prices.price.value}</div>