From 7f39b9a687eeddc71bc1c457bb00b01b67c4569a Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 21 Nov 2023 09:29:41 +0100
Subject: [PATCH] Added a new animation to the Dialog styles.sass

---
 .../pages/Home/components/Dialog/styles.sass  | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/Home/components/Dialog/styles.sass b/client/src/pages/Home/components/Dialog/styles.sass
index eb491fb..7da98f9 100644
--- a/client/src/pages/Home/components/Dialog/styles.sass
+++ b/client/src/pages/Home/components/Dialog/styles.sass
@@ -16,6 +16,7 @@
   position: absolute
   z-index: 11
   padding: 0 0 1rem 0
+  animation: dialogFade 0.3s
 
   .dialog-header
     display: flex
@@ -52,4 +53,27 @@
 
   svg:nth-child(2)
     color: $error
-    cursor: pointer
\ No newline at end of file
+    cursor: pointer
+
+.dialog-closed
+  opacity: 0
+  animation: dialogFadeOut 0.3s
+  display: none
+
+@keyframes dialogFadeOut
+  from
+    transform: scale(1)
+    opacity: 1
+    display: block
+  to
+    transform: scale(0)
+    opacity: 0
+    display: none
+
+@keyframes dialogFade
+  from
+    transform: scale(0)
+    opacity: 0
+  to
+    transform: scale(1)
+    opacity: 1
\ No newline at end of file