some minor bugfixes with the background

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()
-
+      setBgHeight()
-      document.querySelector('.bg-img').style.height = document.documentElement.clientHeight + 'px'
     })
 
     return {offset}

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(() => {