Fixed issue:ANSHIKA-26#655:Login/signup page not properly aligned whe…

…n opened
Arghya-Chakraborty0812 · Oct 9, 2024 · 20c6a0f · 20c6a0f
1 parent e5afe0a
commit 20c6a0f
Showing 1 changed file with 16 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -261,13 +261,22 @@ <h2 class="text-center">Signup</h2>
 <!-- Styles -->
 <style>
     .form-popup {
-        width: 100%;
-        max-width: 400px;
-        margin: auto;
-        background-color: #ffffff;
-        border-radius: 10px;
-        padding: 20px;
-        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+        .form-popup {
+    display: none; /* Hidden by default */
+    position: fixed; /* Stay in place */
+    z-index: 9; /* Sit on top */
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%); /* Center the popup */
+    width: 100%;
+    max-width: 500px; /* Limit width */
+    padding: 20px;
+    background-color: white;
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.6);
+    border-radius: 10px;
+    box-sizing: border-box;
+}
+
     }
 
     .form-container h2 {