StarMC/Astral-nook
StarMC/Astral-nook
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Redesign the login form to not use the weird open fields

Browse source
This commit is contained in:
Dane Everitt 2019-06-22 13:11:27 -07:00
parent 56640253b9
commit 7f3ab8aadf
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 43 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

25
resources/scripts/components/auth/ForgotPasswordContainer.tsx
View file

@ -63,18 +63,19 @@ class ForgotPasswordContainer extends React.PureComponent<Props, State> {
Request Password Reset
</h2>
<form className={'login-box'} onSubmit={this.handleSubmission}>
<div className={'mt-3'}>
<OpenInputField
ref={this.emailField}
id={'email'}
type={'email'}
label={'Email'}
description={'Enter your account email address to receive instructions on resetting your password.'}
autoFocus={true}
required={true}
onChange={this.handleFieldUpdate}
/>
</div>
<label htmlFor={'email'}>Email</label>
<input
ref={this.emailField}
id={'email'}
type={'email'}
required={true}
className={'input'}
onChange={this.handleFieldUpdate}
autoFocus={true}
/>
<p className={'input-help'}>
Enter your account email address to receive instructions on resetting your password.
</p>
<div className={'mt-6'}>
<button
className={'btn btn-primary btn-jumbo flex justify-center'}