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

New Container

Browse Source
This commit is contained in:
Belen Curcio
2020-10-22 18:13:45 -03:00
parent 5fabcd4789
commit 400e40358b
11 changed files with 34 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
components/product/ProductView/ProductView.module.css
View File

@@ -7,7 +7,7 @@
}
.productDisplay {
@apply relative flex px-0 pb-0 relative box-border col-span-1;
@apply relative flex px-0 pb-0 relative box-border col-span-1 bg-violet;
margin-right: -2rem;
margin-left: -2rem;
min-height: 400px;
@@ -34,7 +34,7 @@
}
.nameBox {
@apply absolute top-6 left-0 z-10;
@apply absolute top-6 left-10 z-10;
& .name {
@apply px-6 py-2 bg-primary text-primary font-bold;
@@ -49,7 +49,7 @@
@screen md {
& .name,
& .price {
@apply bg-violet text-white;
@apply bg-violet-light text-white;
}
}
}
@@ -76,13 +76,8 @@
}
@screen lg {
height: 150%;
margin-top: -10%;
}
@screen xl {
height: 170%;
margin-top: -19%;
height: 100%;
margin-top: -8%;
}
}

1
components/product/ProductView/ProductView.tsx
View File

@@ -66,7 +66,6 @@ const ProductView: FC<Props> = ({ product, className }) => {
/>
<div className={cn(s.root, 'fit')}>
<div className={cn(s.productDisplay, 'fit')}>
<div className={s.squareBg}></div>
<div className={s.nameBox}>
<h1 className={s.name}>{product.name}</h1>
<div className={s.price}>