Merge branch '32-stick-footer-to-bottom-of-the-page' into 'master'

Resolve "Stick footer to bottom of the page"

Closes #32

See merge request marcel.schwarz/2020ss-qbc-geofence-timetracking!20
This commit is contained in:
Tim Zieger 2020-04-21 14:12:02 +00:00
commit 75a7db8610
3 changed files with 23 additions and 18 deletions

View File

@ -1,8 +1,14 @@
<template> <template>
<div id="app"> <div class="app">
<Header /> <div>
<router-view /> <Header />
<Footer /> </div>
<div class="Site-content">
<router-view />
</div>
<div>
<Footer />
</div>
</div> </div>
</template> </template>
@ -20,9 +26,11 @@ export default {
</script> </script>
<style scoped> <style scoped>
#app {
/* font-family: Avenir, Helvetica, Arial, sans-serif; */
.app {
display: flex;
min-height: 100vh;
flex-direction: column;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -30,17 +38,9 @@ export default {
background-color: #131313; background-color: #131313;
color: #f1f1f1f1; color: #f1f1f1f1;
} }
.Site-content {
#nav { flex: 1;
} }
#nav a {
font-weight: bold;
color: #2c3e50;
}
#nav a.router-link-exact-active {
color: #42b983;
}
</style> </style>

View File

@ -15,5 +15,7 @@ export default {
}; };
</script> </script>
<style scoped> <style scoped>
.about{
}
</style> </style>

View File

@ -2,6 +2,7 @@
<div class="home"> <div class="home">
<h3>Home View</h3> <h3>Home View</h3>
</div> </div>
</template> </template>
@ -18,5 +19,7 @@ export default {
</script> </script>
<style scoped> <style scoped>
.home {
}
</style> </style>