Update email verification UI and functionality

Updated the user interface for the email verification component, refining the visual organization and style through updates to `verify_mail.tsx` and `VerifyMail.css`. Also, improved the functionality by enforcing a condition that validation code input must be numeric and not more than six characters long. Additionally, added more files to .gitignore to ignore debug files.
2024-01-14 09:52:21 +01:00
parent 49a71097bc
commit d02df0e418
3 changed files with 52 additions and 15 deletions
@@ -1,5 +1,30 @@
-form {
-    max-width: 600px;
-    margin: auto;
-    padding: 20px;
-}
+.container {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.content {
+    max-width: 800px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+.verification-code-input {
+    text-align: center;
+    max-width: 80px;
+    width: fit-content;
+}
+
+.submit-button {
+    margin-top: 20px;
+}
+
+header {
+    font-size: xx-large;
+    font-weight: bolder;
+}