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

Styling updates

Browse Source
This commit is contained in:
Bel Curcio
2021-06-05 14:11:43 -03:00
parent 97984c3691
commit 813b1a86fd
3 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -100,3 +100,7 @@
.slim {
@apply bg-transparent relative overflow-hidden box-border;
}
.slim .tag {
@apply bg-secondary text-secondary inline-block p-3 font-bold text-xl break-words;
}

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

@@ -35,9 +35,7 @@ const ProductCard: FC<Props> = ({
{variant === 'slim' && (
<>
<div className="absolute inset-0 flex items-center justify-end mr-8 z-20">
<span className="bg-accent-0 text-accent-9 inline-block p-3 font-bold text-xl break-words">
{product.name}
</span>
<span className={s.tag}>{product.name}</span>
</div>
{product?.images && (
<Image