wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 06:20:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: added paddingTop props in Container

Browse Source
This commit is contained in:
원더 2021-01-07 01:15:16 +09:00
parent 11111797e6
commit 71f6d96918
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/Container.tsx
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 ( 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}`}> <div className={`container mx-auto px-4 ${className}`}>
{children} {children}
</div> </div>
@ -11,6 +11,7 @@ const Container = ({ ignoreColor, className, children }:ContainerProps): JSX.Ele
interface ContainerProps { interface ContainerProps {
ignoreColor?: boolean ignoreColor?: boolean
className?: string className?: string
paddingTop?: boolean
children: JSX.Element | JSX.Element[] children: JSX.Element | JSX.Element[]
} }