Show footer always at the bottom

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
This commit is contained in:
Tilman Vatteroth 2020-06-13 00:04:10 +02:00 committed by mrdrogdrog
parent 9d2a1d7035
commit 1937fe2418
3 changed files with 15 additions and 7 deletions

View file

@ -1,14 +1,18 @@
import React from 'react'
import { Container } from 'react-bootstrap'
import { HeaderBar } from './layout/navigation/header-bar/header-bar'
import { Footer } from './layout/footer/footer'
import { HeaderBar } from './layout/navigation/header-bar/header-bar'
export const LandingLayout: React.FC = ({ children }) => {
return (
<Container className="text-white text-center">
<Container className="text-white d-flex flex-column mvh-100">
<HeaderBar/>
{children}
<Footer/>
<div className={'d-flex flex-column justify-content-between flex-fill text-center'}>
<div>
{children}
</div>
<Footer/>
</div>
</Container>
)
}