From 6dd0bafa45ce22f0acac7d6e097e3f1790cdb5d7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Fri, 22 Sep 2023 16:58:30 +0800
Subject: ...

---
 FrontEnd/src/components/dialog/FullPageDialog.css | 43 ++++++++---------------
 1 file changed, 15 insertions(+), 28 deletions(-)

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

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%);
 }
-
-- 
cgit v1.2.3