feat: added paddingTop props in Container

This commit is contained in:
원더 2021-01-07 01:15:16 +09:00
parent 11111797e6
commit 71f6d96918

View File

@ -1,6 +1,6 @@
const Container = ({ ignoreColor, className, children }:ContainerProps): JSX.Element => {
const Container = ({ ignoreColor, className, paddingTop=false, children }:ContainerProps): JSX.Element => {
return (
<div className={ignoreColor ? null : 'bg-white dark:bg-discord-dark text-black dark:text-gray-100'}>
<div className={`${ignoreColor ? '' : 'bg-white dark:bg-discord-dark text-black dark:text-gray-100'} ${paddingTop ? 'pt-20' : ''}`}>
<div className={`container mx-auto px-4 ${className}`}>
{children}
</div>
@ -11,6 +11,7 @@ const Container = ({ ignoreColor, className, children }:ContainerProps): JSX.Ele
interface ContainerProps {
ignoreColor?: boolean
className?: string
paddingTop?: boolean
children: JSX.Element | JSX.Element[]
}