crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 07:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

More Changes

Browse Source
This commit is contained in:
Bel Curcio 2021-06-07 18:23:52 -03:00
parent 5c79f7a8fd
commit 1a729f9e72
2 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -61,6 +61,10 @@
@apply absolute z-30 top-0 right-0; @apply absolute z-30 top-0 right-0;
} }
.relatedProductsGrid {
@apply grid grid-cols-2 py-2 gap-2 md:grid-cols-4 md:gap-7;
}
@screen lg { @screen lg {
.root { .root {
@apply grid-cols-12; @apply grid-cols-12;

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

@ -160,7 +160,7 @@ const ProductView: FC<ProductViewProps> = ({ product, relatedProducts }) => {
<hr className="mt-7 border-accent-2" /> <hr className="mt-7 border-accent-2" />
<section className="py-12 px-6 mb-10"> <section className="py-12 px-6 mb-10">
<Text variant="sectionHeading">Related Products</Text> <Text variant="sectionHeading">Related Products</Text>
<div className="grid grid-cols-2 py-2 gap-2 md:grid-cols-4 md:gap-20"> <div className={s.relatedProductsGrid}>
{relatedProducts.map((p) => ( {relatedProducts.map((p) => (
<div <div
key={p.path} key={p.path}