diff options
| author | crupest <crupest@outlook.com> | 2023-09-22 16:58:30 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-09-22 16:59:41 +0800 |
| commit | 6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7 (patch) | |
| tree | 6378aa13ebc5974cbfeeca9f6d525a643993687d /FrontEnd/src/components/dialog/Dialog.css | |
| parent | d477c7270c90b190ed82b13f48f39a05d83503d2 (diff) | |
| download | timeline-6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7.tar.gz timeline-6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7.tar.bz2 timeline-6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7.zip | |
...
Diffstat (limited to 'FrontEnd/src/components/dialog/Dialog.css')
| -rw-r--r-- | FrontEnd/src/components/dialog/Dialog.css | 33 |
1 files changed, 8 insertions, 25 deletions
diff --git a/FrontEnd/src/components/dialog/Dialog.css b/FrontEnd/src/components/dialog/Dialog.css index 3f0f9cb6..387f6f21 100644 --- a/FrontEnd/src/components/dialog/Dialog.css +++ b/FrontEnd/src/components/dialog/Dialog.css @@ -1,26 +1,9 @@ -.cru-dialog-overlay {
- position: fixed;
- z-index: 1040;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
+.cru-dialog-normal {
overflow: auto;
- padding: 20vh 1em;
+ padding: 20vh 1em 0;
}
-.cru-dialog-background {
- position: absolute;
- z-index: -1;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- background-color: var(--cru-dialog-overlay-color);
- opacity: 0.8;
-}
-
-.cru-dialog-container {
+.cru-dialog-normal .cru-dialog-container {
max-width: 100%;
min-width: 30vw;
@@ -33,18 +16,18 @@ }
@media (min-width: 576px) {
- .cru-dialog-container {
+ .cru-dialog-normal .cru-dialog-container {
max-width: 800px;
}
}
-.cru-dialog-enter .cru-dialog-container {
+.cru-dialog-normal-enter .cru-dialog-container {
opacity: 0;
transform: scale(0, 0);
transform-origin: center;
}
-.cru-dialog-enter-active .cru-dialog-container {
+.cru-dialog-normal-enter-active .cru-dialog-container {
opacity: 1;
transform: scale(1, 1);
transform-origin: center;
@@ -53,13 +36,13 @@ opacity 0.3s;
}
-.cru-dialog-exit .cru-dialog-container {
+.cru-dialog-normal-exit .cru-dialog-container {
opacity: 1;
transform: scale(1, 1);
transform-origin: center;
}
-.cru-dialog-exit-active .cru-dialog-container {
+.cru-dialog-normal-exit-active .cru-dialog-container {
opacity: 0;
transform: scale(0, 0);
transform-origin: center;
|