sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-07-08 13:35:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed footer to bottom of page (#9860)

Browse source
This commit is contained in:
Alexey Pyltsyn 2018-02-05 18:42:01 +00:00 committed by Matteo Pagliazzi
parent 185717e6c3
commit fbacb56700
2 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
website/client/app.vue
View file

@ -34,7 +34,7 @@ div
div(:class='{sticky: user.preferences.stickyHeader}')
router-view
app-footer
app-footer
audio#sound(autoplay, ref="sound")
source#oggSource(type="audio/ogg", :src="sound.oggSource")
@ -83,10 +83,14 @@ div
.container-fluid {
overflow-x: hidden;
flex: 1 0 auto;
}
#app {
height: calc(100% - 56px); /* 56px is the menu */
display: flex;
flex-direction: column;
min-height: 100vh;
}
</style>

7
website/client/components/appFooter.vue
View file

@ -1,5 +1,5 @@
<template lang="pug">
.row
.row.footer-row
buy-gems-modal(v-if='user')
modify-inventory(v-if="isUserLoaded")
footer.col-12(:class="{expanded: isExpandedFooter}")
@ -117,6 +117,11 @@
</template>
<style lang="scss" scoped>
.footer-row {
margin: 0;
flex: 0 1 auto;
}
footer {
color: #c3c0c7;
z-index: 17;