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