From ae56b3809f12d73cdbfa76208c55b02c6e255de7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= Date: Wed, 28 Apr 2021 12:27:06 +0100 Subject: [PATCH] chore(ui): tweak modal animations --- ui/src/Styles/Components/Modal.scss | 4 ++++ ui/src/Styles/Components/MountModal.scss | 4 ++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/ui/src/Styles/Components/Modal.scss b/ui/src/Styles/Components/Modal.scss index f3ae77a56..87d30e124 100644 --- a/ui/src/Styles/Components/Modal.scss +++ b/ui/src/Styles/Components/Modal.scss @@ -26,3 +26,7 @@ max-width: $modal-xl + 10; } } + +.modal-backdrop { + backdrop-filter: blur(2px); +} diff --git a/ui/src/Styles/Components/MountModal.scss b/ui/src/Styles/Components/MountModal.scss index 9fbef62b6..8a976273b 100644 --- a/ui/src/Styles/Components/MountModal.scss +++ b/ui/src/Styles/Components/MountModal.scss @@ -1,5 +1,5 @@ -$duration-modal: 0.3s; -$move: -400px; +$duration-modal: 0.2s; +$move: -50px; $opacity-modal: 0; $duration-bg: 0.2s;