From 3c43788494c5782e0667dad22d876373476affa6 Mon Sep 17 00:00:00 2001
From: vikingowl <cw.nachtigall@gmail.com>
Date: Fri, 11 Feb 2022 21:34:23 +0100
Subject: [PATCH] some minor bugfixes with the background

---
 src/App.vue          | 8 ++++++--
 src/views/Player.vue | 9 +++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ffb567b..4dbdbea 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -30,14 +30,18 @@ export default {
       return document.getElementsByTagName('nav')[0].clientHeight
     }
 
+    const setBgHeight = () => {
+      document.querySelector('.bg-img').style.height = document.documentElement.clientHeight + 'px'
+    }
+
     window.onresize = () => {
       offset.value = setOffset()
+      setBgHeight()
     }
 
     onMounted(() => {
       offset.value = setOffset()
-
-      document.querySelector('.bg-img').style.height = document.documentElement.clientHeight + 'px'
+      setBgHeight()
     })
 
     return {offset}
diff --git a/src/views/Player.vue b/src/views/Player.vue
index d9a5b0c..99ff334 100644
--- a/src/views/Player.vue
+++ b/src/views/Player.vue
@@ -240,9 +240,12 @@ export default {
           await LoadImage('random')
         }
       } else {
-        document.querySelector('.bg-img').style.display = 'none'
+        await LoadImage('random')
       }
 
+      document.querySelector('.bg-img').style.display = 'initial'
+      document.getElementById('app').style.background = 'rgba(0, 0, 0, .7)'
+
       let player = {
         'steamid64': store.state.playerDetails.steamid64,
         'vanity_url': store.state.playerDetails.vanity_url || '',
@@ -358,6 +361,7 @@ export default {
       wrapper.style.minHeight = height + 'px'
 
       await GetPlayer()
+
       data.playerMeta = await GetPlayerMeta(store, props.id, displayCounter)
       if (data.playerMeta === null)
         data.playerMeta = {}
@@ -365,9 +369,6 @@ export default {
       scrollToPos(store.state.scroll_state)
 
       // console.log(store.state.playerDetails)
-
-      document.getElementById('app').style.background = 'rgba(0, 0, 0, .7)'
-      document.querySelector('.bg-img').style.display = 'initial'
     })
 
     onBeforeUnmount(() => {