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

improve spacings

Browse Source
This commit is contained in:
Julián Benegas
2020-10-23 19:59:55 -03:00
parent 505b1e45d9
commit 60ceee9080
5 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -97,13 +97,13 @@
}
.productTitle {
@apply pt-4 leading-8;
@apply pt-2 max-w-full;
width: 400px;
font-size: 2rem;
letter-spacing: 0.4px;
& span {
@apply inline p-4 bg-primary text-primary font-bold;
@apply inline py-4 px-6 bg-primary text-primary font-bold;
font-size: inherit;
letter-spacing: inherit;
box-decoration-break: clone;
@@ -112,7 +112,7 @@
}
.productPrice {
@apply py-4 px-4 bg-primary text-base font-semibold inline-block text-sm leading-6;
@apply py-4 px-6 bg-primary text-base font-semibold inline-block text-sm leading-6;
letter-spacing: 0.4px;
}

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

@@ -52,7 +52,7 @@ const ProductCard: FC<Props> = ({
>
<div className={s.squareBg} />
<div className="flex flex-row justify-between box-border w-full z-20 absolute">
<div className="absolute top-0 left-0">
<div className="absolute top-0 left-0 pr-16 max-w-full">
<h3 className={s.productTitle}>
<span>{p.name}</span>
</h3>