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

Improve page paddings

Browse Source
This commit is contained in:
paco 2020-10-08 12:36:00 -06:00
parent 5b597c6a2a
commit 791e8cf18f
No known key found for this signature in database
GPG Key ID: CD243AF4E535B475
3 changed files with 2 additions and 8 deletions
components
product/ProductView
ProductView.module.css
ui/Container
Container.module.cssContainer.tsx

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

@ -1,5 +1,5 @@
.root { .root {
@apply flex flex-row h-screen py-12; @apply flex flex-row h-screen py-12 px-6;
} }
.button { .button {

5
components/ui/Container/Container.module.css

@ -1,5 +0,0 @@
.root {
@apply mx-auto max-w-screen-xl mx-auto px-6 sm:px-4 lg:px-10;
display: inherit;
max-width: 1440px;
}

3
components/ui/Container/Container.tsx

@ -1,6 +1,5 @@
import cn from 'classnames' import cn from 'classnames'
import React, { FC } from 'react' import React, { FC } from 'react'
import s from './Container.module.css'
interface Props { interface Props {
className?: string className?: string
@ -9,7 +8,7 @@ interface Props {
} }
const Container: FC<Props> = ({ children, className, el = 'div' }) => { const Container: FC<Props> = ({ children, className, el = 'div' }) => {
const rootClassName = cn(s.root, className) const rootClassName = cn('mx-auto max-w-screen-xl', className)
let Component: React.ComponentType<React.HTMLAttributes< let Component: React.ComponentType<React.HTMLAttributes<
HTMLDivElement HTMLDivElement