diff options
| author | crupest <crupest@outlook.com> | 2023-09-21 15:35:27 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-09-21 15:35:27 +0800 |
| commit | c7d2545ec7bbcdba30b775453d53df5a359410bd (patch) | |
| tree | 768668b9d1b2cd835212c3a3567dd8f54700a7fa /FrontEnd/src/components/dialog/Dialog.css | |
| parent | f836d77e73f3ea0af45c5f71dae7268143d6d86f (diff) | |
| download | timeline-c7d2545ec7bbcdba30b775453d53df5a359410bd.tar.gz timeline-c7d2545ec7bbcdba30b775453d53df5a359410bd.tar.bz2 timeline-c7d2545ec7bbcdba30b775453d53df5a359410bd.zip | |
Revert dialog.
Diffstat (limited to 'FrontEnd/src/components/dialog/Dialog.css')
| -rw-r--r-- | FrontEnd/src/components/dialog/Dialog.css | 32 |
1 files changed, 32 insertions, 0 deletions
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;
+}
|