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

Merge branch 'master' into jb/product-improvements

Browse Source
This commit is contained in:
Julián Benegas
2020-10-22 19:17:51 -03:00
parent 644034ae62 79d0c0a0cb
commit a64c805b45
54 changed files with 576 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
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-7;
@apply relative flex px-0 pb-0 relative box-border col-span-1 bg-violet;
margin-right: -2rem;
margin-left: -2rem;
min-height: 400px;
@@ -17,7 +17,7 @@
}
@screen lg {
@apply mx-0;
@apply mx-0 col-span-7;
min-height: 100%;
height: 100%;
}
@@ -49,9 +49,10 @@
}
.sidebar {
@apply flex flex-col col-span-5;
@apply flex flex-col col-span-1;
@screen lg {
@apply col-span-5;
padding-top: 5rem;
}
}

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

@@ -1,14 +1,14 @@
import cn from 'classnames'
import { NextSeo } from 'next-seo'
import s from './ProductView.module.css'
import { FC, useState, useEffect } from 'react'
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
import { useUI } from '@components/ui/context'
import { Button, Container } from '@components/ui'
import { Swatch, ProductSlider } from '@components/product'
import useAddItem from '@lib/bigcommerce/cart/use-add-item'
import { getProductOptions } from '../helpers'
import s from './ProductView.module.css'
import { isDesktop } from '@lib/browser'
import cn from 'classnames'
import type { ProductNode } from '@lib/bigcommerce/api/operations/get-product'
import { getProductOptions } from '../helpers'
interface Props {
className?: string
children?: any
@@ -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}>
@@ -130,7 +129,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
))}
<div className="pb-12">
<div
className="pb-14 break-words"
className="pb-14 break-words w-full"
dangerouslySetInnerHTML={{ __html: product.description }}
/>
<Button