forked from crowetic/commerce
Improve page paddings
This commit is contained in:
parent
5b597c6a2a
commit
791e8cf18f
@ -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 {
|
||||||
|
@ -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;
|
|
||||||
}
|
|
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user