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

Changes

Browse Source
This commit is contained in:
Bel Curcio
2021-06-07 18:18:43 -03:00
parent a314148ad1
commit 5c79f7a8fd
7 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/product/ProductSlider/ProductSlider.module.css
View File

@@ -20,7 +20,7 @@
.leftControl,
.rightControl {
@apply px-8 cursor-pointer;
@apply px-9 cursor-pointer;
transition: background-color 0.2s ease;
}

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

@@ -1,5 +1,6 @@
.root {
@apply relative grid items-start gap-1 grid-cols-1 overflow-x-hidden;
min-height: auto;
}
.main {
@@ -63,7 +64,6 @@
@screen lg {
.root {
@apply grid-cols-12;
min-height: 900px;
}
.main {

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

@@ -126,7 +126,9 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
/>
<div className="flex flex-row justify-between items-center">
<Rating value={2} />
<div className="text-accent-6 pr-1 font-medium">36 reviews</div>
<div className="text-accent-6 pr-1 font-medium text-sm">
36 reviews
</div>
</div>
<div>
<Button
@@ -155,10 +157,10 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
</div>
</div>
</div>
<hr className="mt-6 border-accent-2" />
<section className="py-6 px-6 mb-10">
<hr className="mt-7 border-accent-2" />
<section className="py-12 px-6 mb-10">
<Text variant="sectionHeading">Related Products</Text>
<div className="grid grid-cols-2 py-2 gap-4 md:grid-cols-4 md:gap-20">
<div className="grid grid-cols-2 py-2 gap-2 md:grid-cols-4 md:gap-20">
{relatedProducts.map((p) => (
<div
key={p.path}
@@ -171,8 +173,8 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
variant="simple"
className="animated fadeIn"
imgProps={{
width: 182,
height: 182,
width: 300,
height: 300,
}}
/>
</div>