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/FullPageDialog.css | |
| parent | d477c7270c90b190ed82b13f48f39a05d83503d2 (diff) | |
| download | timeline-6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7.tar.gz timeline-6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7.tar.bz2 timeline-6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7.zip | |
...
Diffstat (limited to 'FrontEnd/src/components/dialog/FullPageDialog.css')
| -rw-r--r-- | FrontEnd/src/components/dialog/FullPageDialog.css | 43 |
1 files changed, 15 insertions, 28 deletions
diff --git a/FrontEnd/src/components/dialog/FullPageDialog.css b/FrontEnd/src/components/dialog/FullPageDialog.css index 3ba8ba15..175cbb40 100644 --- a/FrontEnd/src/components/dialog/FullPageDialog.css +++ b/FrontEnd/src/components/dialog/FullPageDialog.css @@ -1,45 +1,32 @@ -.cru-dialog-full-page {
- position: fixed;
- z-index: 1030;
- left: 0;
- top: 0;
- right: 0;
+.cru-dialog-full-page .cru-dialog-container {
+ position: absolute;
bottom: 0;
+ width: 100%;
+ height: 85%;
+ border-top: 2px solid var(--cru-theme-color);
+ padding-top: 0.5em;
background-color: var(--cru-background-color);
- padding-top: 56px;
}
-.cru-dialog-full-page-top-bar {
- height: 56px;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- z-index: 1;
- background-color: var(--cru-theme-color);
- display: flex;
- align-items: center;
-}
-
-.cru-dialog-full-page-content-container {
+.cru-dialog-full-page-content {
overflow: scroll;
}
-.cru-dialog-full-page-back-button {
- margin-left: 0.5em;
+.cru-dialog-full-page-back {
+ float: right;
+ padding-right: 0.5em;
}
-.cru-dialog-full-page-enter {
- transform: translate(100%, 0);
+.cru-dialog-full-page-enter .cru-dialog-container {
+ transform: translate(0, 100%);
}
-.cru-dialog-full-page-enter-active {
+.cru-dialog-full-page-enter-active .cru-dialog-container {
transform: none;
transition: transform 0.3s;
}
-.cru-dialog-full-page-exit-active {
+.cru-dialog-full-page-exit-active .cru-dialog-container {
transition: transform 0.3s;
- transform: translate(100%, 0);
+ transform: translate(0, 100%);
}
-
|