From 9c2331846bb4a61be26ec193c75d744cbe55c361 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Thu, 3 Feb 2022 13:10:36 +0100
Subject: [PATCH] fix-attempt 4 on issue 59

---
 src/App.vue           | 10 ++++++++++
 src/scss/classes.scss |  9 ---------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 82df50a..ffb567b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -36,6 +36,8 @@ export default {
 
     onMounted(() => {
       offset.value = setOffset()
+
+      document.querySelector('.bg-img').style.height = document.documentElement.clientHeight + 'px'
     })
 
     return {offset}
@@ -49,6 +51,14 @@ export default {
   src: local("Obitron"), url("../public/fonts/Orbitron-VariableFont_wght.ttf") format("truetype");
 }
 
+.bg-img {
+  z-index: -1;
+  position: fixed;
+  width: 100%;
+  object-fit: cover;
+  overflow: hidden;
+}
+
 #cookie-btn {
   position: fixed;
   bottom: 30px;
diff --git a/src/scss/classes.scss b/src/scss/classes.scss
index 6f3ae46..600208c 100644
--- a/src/scss/classes.scss
+++ b/src/scss/classes.scss
@@ -24,15 +24,6 @@
   animation: placeholder-wave-alt 2.5s linear infinite;
 }
 
-.bg-img {
-  z-index: -1;
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  overflow: hidden;
-}
-
 @keyframes placeholder-wave-alt {
   100% {
     mask-position: -200% 0%;