oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

sticky footer

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-02-08 14:06:55 +01:00
parent 905c76b5af
commit 117a5a3d2e
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.module.scss
View File

@ -1,9 +1,14 @@
@import './styles/variables';
.app {
height: 100%;
display: flex;
flex-direction: column;
> * {
width: 100%;
}
// for sticky footer
display: flex;
min-height: calc(100vh - #{$page-frame * 2});
flex-direction: column;
}
.main {
flex: 1;
}

6
src/App.tsx
View File

@ -108,7 +108,11 @@ class App extends Component<{}, AppState> {
<Router>
<>
<Header />
<Routes />
<main className={styles.main}>
<Routes />
</main>
<Footer />
</>
</Router>

1
src/components/Footer.module.scss
View File

@ -4,6 +4,7 @@
color: $brand-grey-light;
width: 100%;
text-align: center;
margin-top: $spacer;
padding-top: $spacer;
padding-bottom: $spacer;
align-self: flex-end;