wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 14:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fixed Footer fixed problem

Browse Source
This commit is contained in:
원더 2021-01-07 01:16:10 +09:00
parent 4e0f121bf6
commit 692b546700
4 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Footer.tsx
View File

@ -3,7 +3,7 @@ import Container from './Container'
import Wave from './Wave'
const Footer = ():JSX.Element => {
return <>
return <div className='releative'>
<Wave color='currentColor' className='text-white dark:text-discord-dark bg-discord-black'/>
<div className='bottom-0 bg-discord-black text-white'>
<Container className='w-11/12 lg:w-3/5 pt-10 lg:pt-0 pb-20 lg:flex' ignoreColor>
@ -68,7 +68,7 @@ const Footer = ():JSX.Element => {
</div>
</Container>
</div>
</>
</div>
}
export default Footer

2
pages/_app.tsx
View File

@ -48,7 +48,7 @@ export default function App({ Component, pageProps }: AppProps): JSX.Element {
<meta name="theme-color" content="#3366FF" />
</Head>
<Navbar />
<div className='iu-is-the-best h-screen text-black dark:text-gray-100 bg-white dark:bg-discord-dark'>
<div className='iu-is-the-best h-full text-black dark:text-gray-100 bg-white dark:bg-discord-dark'>
<Component {...pageProps} />
</div>
<Footer />

2
pages/_document.tsx
View File

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

12
pages/app.css
View File

@ -7,6 +7,10 @@ html {
min-height: 100%;
}
body {
min-height: 100vh;
}
@font-face {
font-family: "Uni Sans Heavy CAPS";
src: url("/logofont.otf");
@ -14,4 +18,12 @@ html {
.logofont {
font-family: "Uni Sans Heavy CAPS";
}
.animation-dropdown {
animation: dropdown 0.1s linear;
}
i {
width: 20px
}