Merge pull request #2534 from codeeu/login-register-page-redesign

Redesign Work for login,register and password page

Author: Siroumi

public/images/eye-slash.svg

@@ -135,4 +135,131 @@
     border-right: 1px solid #ccc;
     flex: 1;
   }
+}
+
+.help-block .errorlist {
+  margin: 0;
+}
+
+
+.reset_title {
+  color: var(--Dark-Blue-500, #1C4DA1);
+
+  /* Display md/Montserrat Medium */
+  font-family: Montserrat;
+  font-size: 36px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 44px; /* 122.222% */
+  letter-spacing: -0.72px;
+  padding-bottom: 40px;
+}
+.reset_description {
+  color: var(--Slate-500, #333E48);
+
+  /* Text xl/Blinker Regular */
+  font-family: Blinker;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px; /* 150% */
+  padding-bottom: 40px;
+}
+
+.codeweek-form-field input, .codeweek-form-field-wrapper input {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+#codeweek-login-page .codeweek-form-field{
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+#codeweek-forgotpassword-page .codeweek-form-field, .codeweek-form-field-searchable {
+  display: flex;
+  justify-content: stretch;
+  flex: 1;
+  align-items: flex-start;
+  flex-direction: column;
+  align-content: flex-start;
+}
+.codeweek-form-field-add {  
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    align-items: center;
+}
+
+@media screen and (max-width: 1080px) {
+  .reset_title {
+    color: var(--Dark-Blue-500, #1C4DA1);
+    font-family: Montserrat;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 36px;
+    letter-spacing: -0.72px;
+    display: flex;
+    padding-bottom: 24px;
+  }
+
+  .reset_description {
+    font-family: Blinker;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 30px; /* 150% */
+    padding-bottom: 24px;
+  }
+}
+
+#codeweek-forgotpassword-page .codeweek-form-field label {
+    margin-right: 10px;
+    text-transform: capitalize;
+    width: 100%;
+    text-align: left;
+    font-family: Blinker;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 30px;
+
+}
+
+#codeweek-forgotpassword-page input#email {
+  border-radius: 24px;
+  border: 2px solid var(--Dark-Blue-200, #A4B8D9);
+  padding: 12px 0;
+  color: var(--Slate-500, #333E48);
+  font-family: Blinker;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px;
+}
+
+#codeweek-login-page .bg-dark-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 237 246 / var(--tw-bg-opacity, 1));
+}
+
+.text-dark-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(73 113 180 / var(--tw-text-opacity, 1));
+}
+
+.border-dark-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(119 148 199 / var(--tw-border-opacity, 1));
+}
+
+.border-dark-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(164 184 217 / var(--tw-border-opacity, 1));
+}
+
+.border-dark-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(164 184 217 / var(--tw-border-opacity, 1));
 }

public/images/eye.svg

@@ -21,13 +21,14 @@
 
     'email' => 'E-Mail Address',
     'password' => 'Password',
-    'remember' => 'Remember Me',
-    'forgotten_password' => 'Forgot Your Password ?',
+    'remember' => 'Keep me signed in',
+    'forgotten_password' => 'Forgot Your Password',
     'no_account' => 'Don\'t have an account ?',
     'signup' => 'Sign Up',
     'reset' => 'Reset Your Password',
-    'send_password' => 'Send Password Reset Link',
+    'send_password' => 'Reset Password',
     'confirm_password' => 'Confirm Password',
-    'name' => 'name',
-
-];
+    'name' => 'Fullname',
+    'resetpage_title' => 'Forgotten your password?',
+    'resetpage_description'=>'Confirm your email address below and we’ll send you instructions on how to create your new password',
+];