yalox

src/components/Others/BackgroundBlack.vue

@@ -0,0 +1,28 @@
+<template>
+    <div :style="getStyle()"/>
+  </template>
+
+<script>
+export default {
+  name: 'BackgroundImage',
+  data: () => ({
+    blur_px: 5
+  }),
+  methods: {
+    getStyle(){
+      return {
+        "position": "fixed",
+        "background-size": "cover",
+        "background-repeat":"no-repeat",
+        "background-position":"center center",
+        "left": 0,
+        "right": 0,
+        "z-index": -1,
+        "width":"100%",
+        "height":"100%",
+        "background-color": "rgba(0, 0, 0, .5)",
+      }
+    }
+  }
+}
+</script>

src/components/Others/BackgroundImage.vue

@@ -13,12 +13,12 @@ export default {
     getStyle(){
       return {
         "position": "fixed",
-        "background-size": "cover",
+        "background-size": "100% 100%",
         "background-repeat":"no-repeat",
         "background-position":"center center",
         "left": 0,
         "right": 0,
-        "z-index": -1,
+        "z-index": -2,
         "width":"100%",
         "height":"100%",
         "background-image": `url('${PublicMethods.getBackground()}')`,

src/components/PublicMethods.js

@@ -51,10 +51,6 @@ export default {
                     else if (response[srv]['player_count'] > 0) srvs.w.push(response[srv]);
                     else srvs.e.push(response[srv]);
                 }
-                return srvs;
-            })
-            .catch(err => {
-                console.log(`[PublicMethods] cannot request api/stats/statistic, err: ${err}`);
             });
     },
     getUniq(){

src/components/TabsMenu.vue

@@ -1,5 +1,6 @@
 <template>
 <div>
+  <BackgroundBlack/>
   <BackgroundImage/>
   <md-tabs md-alignment="centered" :md-active-tab="current_tab">
     <MainView :current_tab="current_tab"/>
@@ -16,6 +17,7 @@
 </template>
 
 <script>
+import BackgroundBlack from "@/components/Others/BackgroundBlack.vue";
 import RulesView from "@/components/TabsMenuElements/RulesView/RulesView.vue";
 import ServersView from "@/components/TabsMenuElements/ServersView/ServersView.vue";
 import ProfileView from "@/components/TabsMenuElements/ProfileView.vue";
@@ -28,7 +30,7 @@ import BackgroundImage from "@/components/Others/BackgroundImage.vue";
 
 export default {
     name: 'TabsMenu',
-    components: {BackendStatus, MainView, EmptyTab, RulesView, ServersView, ProfileView, VipView, AboutView, BackgroundImage},
+    components: {BackendStatus, MainView, EmptyTab, RulesView, ServersView, ProfileView, VipView, AboutView, BackgroundImage, BackgroundBlack},
     data: () => ({
       current_tab: ""
     })