From f9ff2fe6d46150260c035c62fd314bccf04eec08 Mon Sep 17 00:00:00 2001
From: Luke <sabolukas03@gmail.com>
Date: Sat, 31 Dec 2022 15:05:01 +0100
Subject: [PATCH] refactor(web/dialog): use fade transition

---
 web/src/features/dialog/AlertDialog.tsx | 1 +
 web/src/features/dialog/InputDialog.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/web/src/features/dialog/AlertDialog.tsx b/web/src/features/dialog/AlertDialog.tsx
index 96275a7..cfb7da4 100644
--- a/web/src/features/dialog/AlertDialog.tsx
+++ b/web/src/features/dialog/AlertDialog.tsx
@@ -52,6 +52,7 @@ const AlertDialog: React.FC = () => {
         withCloseButton={false}
         overlayOpacity={0.5}
         exitTransitionDuration={150}
+        transition="fade"
         title={<ReactMarkdown>{dialogData.header}</ReactMarkdown>}
       >
         <Stack>
diff --git a/web/src/features/dialog/InputDialog.tsx b/web/src/features/dialog/InputDialog.tsx
index 658933a..100e8a9 100644
--- a/web/src/features/dialog/InputDialog.tsx
+++ b/web/src/features/dialog/InputDialog.tsx
@@ -75,6 +75,7 @@ const InputDialog: React.FC = () => {
         title={fields.heading}
         withCloseButton={false}
         overlayOpacity={0.5}
+        transition="fade"
         exitTransitionDuration={150}
       >
         <Stack>