fix: darkmode

This commit is contained in:
원더 2021-01-05 22:46:34 +09:00
parent 43825031c2
commit 81848906ae
3 changed files with 8 additions and 7 deletions

View File

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

View File

@ -48,9 +48,7 @@ export default function App({ Component, pageProps }: AppProps): JSX.Element {
<meta name="theme-color" content="#3366FF" />
</Head>
<Navbar />
<div className='iu h-screen'>
<Component {...pageProps} />
</div>
<Footer />
</ThemeProvider>
)

View File

@ -28,7 +28,7 @@ class MyDocument extends Document {
}}
/>
</Head>
<body className="text-black dark:text-gray-100 dark:bg-discord-dark bg-white">
<body className="iu h-screen text-black dark:text-gray-100 bg-white dark:bg-discord-dark">
<Main />
<NextScript />
</body>