From 585e6ab372d596269913c9baa578e8e79abaf8a0 Mon Sep 17 00:00:00 2001 From: Niharika Goulikar Date: Fri, 26 Jan 2024 14:18:24 +0530 Subject: [PATCH] Added Confirm Password the the tourist registration page and also added eye iconusing font awesome for toggling the visibility of the passwords --- .vscode/settings.json | 4 ---- pages/login/index.html | 26 ++++++++++++++++++++----- pages/login/login.css | 27 +++++++++++++++++++++++++- pages/login/login.html | 2 +- pages/login/script.js | 43 +++++++++++++++++++++++++++++++++++++++++- 5 files changed, 90 insertions(+), 12 deletions(-) delete mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json deleted file mode 100644 index 889bbbf..0000000 --- a/.vscode/settings.json +++ /dev/null @@ -1,4 +0,0 @@ -{ -"liveServer.settings.port": 5503, -"git.ignoreLimitWarning": true -} diff --git a/pages/login/index.html b/pages/login/index.html index 86fb102..d1b604f 100644 --- a/pages/login/index.html +++ b/pages/login/index.html @@ -6,13 +6,16 @@ Firstspot | SignUp - + + + @@ -21,12 +24,25 @@ -
+

Tourist Sign Up

- + -
+
+ + + + +
+
+ + + + +
+

Already have an account?
diff --git a/pages/login/login.css b/pages/login/login.css index ce67545..a6e912c 100644 --- a/pages/login/login.css +++ b/pages/login/login.css @@ -10,12 +10,37 @@ body{ background-size: cover; background-position: 50% 50%; } -.mb-5{ +.mb-5-login{ background-color: rgba(255, 255, 255, 0.805); padding: 3%; width: 30vw; height: 70vh; } + +.mb-5-register{ + background-color: rgba(255, 255, 255, 0.805); + padding: 3%; + width: 30vw; + height: 85vh; +} +/* css for toggling password visibility */ +.password-container { + position: relative; +} + +.password { + padding-right: 30px; /* Space for the eye icon */ +} + +.togglePassword { + position: absolute; + + right: 10px; + top: 50%; + transform: translateY(-50%); + cursor: pointer; +} +/* css for toggling password visibility */ h3{ text-align: center; /* font-family: "Montserrat", sans-serif, Arial, sans-serif; diff --git a/pages/login/login.html b/pages/login/login.html index 912fb19..0128a91 100644 --- a/pages/login/login.html +++ b/pages/login/login.html @@ -28,7 +28,7 @@ -
+