Commit 250ba1c2 authored by Anders B. Clausen's avatar Anders B. Clausen
Browse files

Fixed footer to right position, header 100% width now, footer 100% width now, scss scoped

parent 5042f428
<template>
<div>
<div id="site">
<Header/>
<router-view/>
<Footer/>
<router-view class="full-height"/>
<Footer class="fixed-to-bottom"/>
</div>
</template>
......@@ -20,11 +20,32 @@
</script>
<style lang="scss">
body, html {
height: 100%;
}
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
height: 100%;
}
.full-height {
flex: 1 0 auto;
}
.fixed-to-bottom {
flex: 0 0 auto;
}
#site {
display:flex;
flex-direction:column;
height: 100%;
}
</style>
<template>
<div class="full-width fixed-to-bottom" id="footer">
<footer class="full-width" id="footer">
<p>&copy; 2021 Hold Afstand, ExSys2021 Projekt</p>
</div>
</footer>
</template>
<script>
......@@ -10,14 +10,9 @@
}
</script>
<style lang="scss">
<style scoped lang="scss">
.full-width {
width: 99%;
}
.fixed-to-bottom {
position: fixed;
bottom: 0;
width: 100%;
}
#footer {
......
......@@ -20,9 +20,9 @@
}
</script>
<style lang="scss">
<style scoped lang="scss">
.full-width {
width: 99%;
width: 100%;
}
.fixed-to-top {
......
......@@ -16,7 +16,7 @@
}
</script>
<style lang="scss">
<style scoped lang="scss">
#nav {
display: inline-block;
......
......@@ -21,7 +21,7 @@
}
</script>
<style lang="scss">
<style scoped lang="scss">
#widget {
display: inline-block;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment