diff --git a/client/src/components/AccountForm/index.js b/client/src/components/AccountForm/index.js index a2ea864..79a0ffc 100644 --- a/client/src/components/AccountForm/index.js +++ b/client/src/components/AccountForm/index.js @@ -75,78 +75,70 @@ export default class AccountForm extends Component { render({path},{ form_message, user, name, email, password, new_password, confirm_password }) { //DEFAULT TO LOGIN_PATH - let form_header = "Sign In"; - let name_input = ""; - let email_input = - ; - let password_input = - ; - let new_password_input = ""; - let confirm_password_input = ""; - let submit_button = -
- -
- OR -
- -
; - let link2 =

forgot password?

; + let display = +
+
+ + +
+ +
+ OR +
+ +
+
+

forgot password?

+
; if(path === REGISTER_PATH){ - form_header = "Register"; - name_input = - ; - confirm_password_input = - ; - submit_button = ; - link2 = ""; + display = +
+
+ + + + + +
+
; } if(path === RESET_PATH){ - form_header = "Reset Password"; - name_input = -
+ display = +
+

To change user info:

- - -
; - email_input = ""; - password_input = -
+ + +

To change password:

- - - -
; - submit_button = ; - link2 = ""; + + + + + +
; } return (
Navi logo
{form_message}
-
-
- {name_input} - {email_input} - {password_input} - {new_password_input} - {confirm_password_input} - {submit_button} -
-
- {link2} + {display}
); } diff --git a/client/src/components/AccountForm/style.css b/client/src/components/AccountForm/style.css index c16a15b..e80c8f8 100644 --- a/client/src/components/AccountForm/style.css +++ b/client/src/components/AccountForm/style.css @@ -4,6 +4,10 @@ width: inherit; } +.display { + margin: 10vh 0px; +} + .logo { display: inherit; margin: auto; @@ -14,13 +18,27 @@ .form { display: grid; padding: 0 5vh; - height: 70vh; align-content: flex-start; } +.form > p { + margin: 1vh; + font-size: 1.2em; +} + .formChild { display: block; - margin: 2vh auto; + margin: 1vh auto; + width: 100%; + padding: 3vw; + border-color: lightslategray; + border-radius: 8px; + font-size: 1.2em; +} + +.formChildReset { + display: block; + margin: 0.7vh auto; width: 100%; padding: 3vw; border-color: lightslategray;