From c7d2545ec7bbcdba30b775453d53df5a359410bd Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 21 Sep 2023 15:35:27 +0800
Subject: Revert dialog.

---
 FrontEnd/src/components/dialog/Dialog.css | 32 +++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

(limited to 'FrontEnd/src/components/dialog/Dialog.css')

diff --git a/FrontEnd/src/components/dialog/Dialog.css b/FrontEnd/src/components/dialog/Dialog.css
index 23b663db..6b34091a 100644
--- a/FrontEnd/src/components/dialog/Dialog.css
+++ b/FrontEnd/src/components/dialog/Dialog.css
@@ -7,6 +7,7 @@
   bottom: 0;
   overflow: auto;
   padding: 20vh 1em;
+  user-select: none;
 }
 
 .cru-dialog-background {
@@ -30,6 +31,7 @@
   border-radius: 5px;
   padding: 1.5em;
   background-color: var(--cru-dialog-container-background-color);
+  user-select: unset;
 }
 
 @media (min-width: 576px) {
@@ -37,3 +39,33 @@
     max-width: 800px;
   }
 }
+
+.cru-dialog-enter .cru-dialog-container {
+  opacity: 0;
+  transform: scale(0, 0);
+  transform-origin: center;
+}
+
+.cru-dialog-enter-active .cru-dialog-container {
+  opacity: 1;
+  transform: scale(1, 1);
+  transform-origin: center;
+  transition:
+    transform 0.3s,
+    opacity 0.3s;
+}
+
+.cru-dialog-exit .cru-dialog-container {
+  opacity: 1;
+  transform: scale(1, 1);
+  transform-origin: center;
+}
+
+.cru-dialog-exit-active .cru-dialog-container {
+  opacity: 0;
+  transform: scale(0, 0);
+  transform-origin: center;
+  transition:
+    transform 0.3s,
+    opacity 0.3s;
+}
-- 
cgit v1.2.3