[Update] To be switchable between ConfigPage and MainPage.

2024-09-01 19:48:58 +09:00
parent 8f2c81a7d7
commit 3446862eda
6 changed files with 130 additions and 21 deletions
--- a/src-ui/app/App.module.scss
+++ b/src-ui/app/App.module.scss
@@ -0,0 +1,33 @@
+.container {
+    position: relative;
+    width: 100%;
+    height: 100vh;
+    overflow: hidden;
+}
+
+.page {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    overflow: hidden;
+
+}
+
+.main_page {
+    // z-index: 1;
+    transition: transform 0.5s ease;
+}
+
+.config_page {
+    // z-index: 0;
+}
+
+.show_config.main_page {
+    transform: translateY(-100%);
+}
+
+.show_main.main_page {
+    transform: translateY(0);
+}