cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

changes to the layout

Browse Source
This commit is contained in:
Belen Curcio 2020-10-13 11:48:25 -03:00
parent 038d02acc2
commit 0d94957944
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/global.css
View File

@ -23,7 +23,7 @@
}
.fit {
min-height: calc(100vh - 200px);
min-height: calc(100vh - 300px);
}
*,

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

@ -44,7 +44,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
return (
<Container>
<div className="relative flex flex-row items-start overflow-hidden">
<div className="relative flex flex-row items-start overflow-hidden fit">
<div className="absolute top-0 left-0 z-50">
<h1 className="px-6 py-2 bg-violet text-white font-bold text-3xl">
{product.name}
@ -55,7 +55,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
{product.prices?.price.currencyCode}
</div>
</div>
<div className="flex-1 p-24 relative fit overflow-hidden box-border">
<div className="flex-1 px-24 pb-0 relative fit overflow-hidden box-border">
<div className="absolute z-10 inset-0 flex items-center justify-center">
<img
className="w-full object-cover"
@ -105,7 +105,7 @@ const ProductView: FC<Props> = ({ product, className }) => {
dangerouslySetInnerHTML={{ __html: product.description }}
/>
</section>
<section className="pb-4">
<section className="">
<Button type="button" className={s.button} onClick={addToCart}>
Add to Cart
</Button>