4
0
forked from crowetic/commerce

changes to the layout

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

View File

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

View File

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