From bc35ab098515f8177ebdcc1b8581260065c706ec Mon Sep 17 00:00:00 2001
From: Fedor Katurov <gotham48@gmail.com>
Date: Sun, 9 Jan 2022 19:39:55 +0700
Subject: [PATCH] added glassy background to modals

---
 src/components/dialogs/ModalWrapper/styles.module.scss | 4 ++--
 src/styles/_mixins.scss                                | 9 +++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/dialogs/ModalWrapper/styles.module.scss b/src/components/dialogs/ModalWrapper/styles.module.scss
index 6a691946..aa38755c 100644
--- a/src/components/dialogs/ModalWrapper/styles.module.scss
+++ b/src/components/dialogs/ModalWrapper/styles.module.scss
@@ -46,6 +46,8 @@
 }
 
 .overlay {
+  @include modal_backdrop();
+
   position: absolute;
   top: 0;
   left: 0;
@@ -53,6 +55,4 @@
   height: 100%;
   cursor: pointer;
   animation: appear 0.25s forwards;
-
-  @include blur();
 }
diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss
index 13dd481c..ac6b4a95 100644
--- a/src/styles/_mixins.scss
+++ b/src/styles/_mixins.scss
@@ -244,3 +244,12 @@
     padding-right: 0;
   }
 }
+
+@mixin modal_backdrop {
+  @include blur();
+  background: url('../../src/sprites/noise.png');
+
+  @include can_backdrop {
+    background: url('../../src/sprites/noise.png');
+  }
+}