From 78f0934815a87573289c8e52af2666ea38c93251 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 11 Jul 2023 18:45:25 +0800
Subject: Fix dialog typo.

---
 FrontEnd/src/views/common/dialog/Dialog.css | 55 +++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 FrontEnd/src/views/common/dialog/Dialog.css

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

diff --git a/FrontEnd/src/views/common/dialog/Dialog.css b/FrontEnd/src/views/common/dialog/Dialog.css
new file mode 100644
index 00000000..21ea52fc
--- /dev/null
+++ b/FrontEnd/src/views/common/dialog/Dialog.css
@@ -0,0 +1,55 @@
+.cru-dialog-overlay {
+  position: fixed;
+  z-index: 1040;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.92);
+
+  display: flex;
+  padding: 2em;
+
+  overflow: auto;
+}
+
+.cru-dialog-container {
+  max-width: 100%;
+  min-width: 30vw;
+
+  margin: auto;
+
+  border: var(--cru-primary-color) 1px solid;
+  border-radius: 5px;
+  padding: 1.5em;
+  background-color: white;
+}
+
+.cru-dialog-bottom-area {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.cru-dialog-bottom-area > * {
+  margin: 0 0.5em;
+}
+
+.cru-dialog-enter .cru-dialog-container {
+  transform: scale(0, 0);
+  opacity: 0;
+  transform-origin: center;
+}
+
+.cru-dialog-enter-active .cru-dialog-container {
+  transform: scale(1, 1);
+  opacity: 1;
+  transition: transform 0.3s, opacity 0.3s;
+  transform-origin: center;
+}
+
+.cru-dialog-exit-active .cru-dialog-container {
+  transition: transform 0.3s, opacity 0.3s;
+  transform: scale(0, 0);
+  opacity: 0;
+  transform-origin: center;
+}
-- 
cgit v1.2.3