From c1cbfd851409eb498f0f7ce027f3f34a2485eea3 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Fri, 18 Dec 2020 23:18:53 +0100
Subject: [PATCH] fix(runes): set default dark gray color to modal before the
 image loads

---
 client/src/components/Match/Runes/RunesContainer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Match/Runes/RunesContainer.vue b/client/src/components/Match/Runes/RunesContainer.vue
index 0914ecf..196615b 100644
--- a/client/src/components/Match/Runes/RunesContainer.vue
+++ b/client/src/components/Match/Runes/RunesContainer.vue
@@ -29,7 +29,7 @@
       >
         <div
           v-if="runesOpen"
-          class="relative overflow-hidden rounded-md shadow-lg"
+          class="relative overflow-hidden bg-gray-900 rounded-md shadow-lg"
           style="width: 800px; height: 500px"
         >
           <LazyBackground
@@ -38,8 +38,8 @@
             "
             image-class="absolute inset-0"
             more-backgrounds="linear-gradient(rgba(26, 32, 44, 0.6), rgba(26, 32, 44, 0.8)),"
-            style="filter: blur(2px)"
             transition-name="fade-fast"
+            style="filter: blur(2px)"
           >
           </LazyBackground>
           <div class="relative flex items-start h-full px-4 py-2">