Frontend: Added password rules in sign up page

Details - Added password rules from backend - Implemented css changes according to the requirement Fixes: #133
shivansh-bhatnagar18 · Jun 22, 2024 · 86f5e63 · 86f5e63
1 parent f2a1689
commit 86f5e63
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -44,3 +44,11 @@ body {
     text-stroke-width: 1.5px;
     text-stroke-color: black;
 }
+
+.text-border {
+    text-shadow:
+        -1.35px -1.35px 0 black,
+        1.35px -1.35px 0 black,
+        -1.35px 1.35px 0 black,
+        1.35px 1.35px 0 black;
+}
diff --git a/frontend/src/pages/SignUp.tsx b/frontend/src/pages/SignUp.tsx
@@ -91,6 +91,14 @@ const SignUp: React.FC = () => {
                                             height="12"
                                         />
                                     </div>
+                                    <div className="flex-col justify-center text-center items-center font-kavoon text-white text-sm text-border mb-5">
+                                        <p>The password must contain</p>
+                                        <p>-atleast 6 characters</p>
+                                        <p>
+                                            -atleast one alphabet(A-Z,a-z), one
+                                            number(0-9)
+                                        </p>
+                                    </div>
                                     <div className="flex justify-center">
                                         <Button
                                             variant="accept"