some minor updates

This commit is contained in:
2022-01-31 01:24:54 +01:00
parent fc10d9de09
commit 6df2b53708
4 changed files with 173 additions and 153 deletions

View File

@@ -3,7 +3,7 @@
<Nav/>
</header>
<main>
<div class="spacer"></div>
<div :style="{height: offset + 'px'}"/>
<router-view name="main"/>
</main>
<footer class="mt-auto">
@@ -16,9 +16,27 @@
import Nav from "@/components/Nav";
import Footer from "@/components/Footer";
import CookieConsentBtn from "@/components/CookieConsentBtn";
import {onMounted, ref} from "vue";
export default {
components: {Footer, Nav, CookieConsentBtn},
setup() {
const offset = ref(0)
const setOffset = () => {
return document.getElementsByTagName('nav')[0].clientHeight
}
window.onresize = () => {
offset.value = setOffset()
}
onMounted(() => {
offset.value = setOffset()
})
return {offset}
}
}
</script>
@@ -28,10 +46,6 @@ export default {
src: local("Obitron"), url("assets/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
}
.spacer {
height: 70px;
}
#cookie-btn {
position: fixed;
bottom: 30px;