CSS Update

Jonathan03ant · Jan 5, 2024 · 975a790 · 975a790
1 parent c24e075
commit 975a790
Showing 1 changed file with 27 additions and 0 deletions.
diff --git a/src/App.css b/src/App.css
@@ -37,3 +37,30 @@ body {
     background: #373636;  
 }
 
+.slide-in {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background: black;
+    transform-origin: bottom;
+    z-index: 1; /* Add this */
+  }
+
+  .slide-out {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background: black;
+    transform-origin: top;
+    z-index: 1; /* Add this */
+  }
+
+  /* Add this for your pages */
+  .page {
+    position: relative;
+    z-index: 2; /* This should be higher than the z-index of slide-in and slide-out */
+  }