Commit 570ac942 authored by Emily Jensen's avatar Emily Jensen

Styling updates

parent b71047c0
Pipeline #35089494 passed with stage
in 7 minutes and 7 seconds
...@@ -9,29 +9,43 @@ ...@@ -9,29 +9,43 @@
</div> </div>
</div> </div>
<p>Next we need your backup code. Passit cannot be recovered without either your original password or recovery <div class="register-step__heading--completed u-margin-b-20">
code/QR code</p> Email
<span class="register-step__icon register-step__icon--active" [inlineSVG]="'../../assets/svg/check.svg'"></span>
</div>
<div class="register-step__heading--completed u-margin-b-20">
Confirm Email Address
<span class="register-step__icon register-step__icon--active" [inlineSVG]="'../../assets/svg/check.svg'"></span>
</div>
<div class="form-field form-field--large">
<div class="form-field__label">
Enter Backup Code
</div>
<p>When you signed up for your account, you were given the option to print or save a PDF file that contained your
backup code. Pull that up and either scan the QR code or enter the 32-character code below.</p>
</div>
<app-non-field-messages *ngIf="errorMessage || localErrorMessage" [messages]="[errorMessage, localErrorMessage]"></app-non-field-messages> <app-non-field-messages *ngIf="errorMessage || localErrorMessage" [messages]="[errorMessage, localErrorMessage]"></app-non-field-messages>
<button id="scan-qr-button" (click)="toggleScan()">Scan QR Code</button>
<div class="u-margin-b-20">
<button id="scan-qr-button" (click)="toggleScan()" class="button button--primary">Scan QR Code</button>
<span>or</span>
</div>
<div [class.u-invisible]="!showScanner"> <div [class.u-invisible]="!showScanner">
<canvas #canvas id="canvas"></canvas> <canvas #canvas id="canvas"></canvas>
</div> </div>
<form [ngrxFormState]="form" (submit)="onSubmit()" class="auth-form__form"> <form [ngrxFormState]="form" (submit)="onSubmit()" >
<div> <div class="form-field form-field--large">
<label [for]="form.controls.code.id"> <label [for]="form.controls.code.id" class="form-field__label">
Or Type Code Type Backup Code
</label> </label>
<input <input type="email" [ngrxFormControlState]="form.controls.code" autofocus spellcheck="false" class="form-field__input"
type="email" [class.form-field__input--invalid]="form.errors._code && form.isSubmitted" [class.form-field__input--valid]="!form.errors._code" />
[ngrxFormControlState]="form.controls.code"
autofocus
spellcheck="false"
class="form-field__input"
[class.form-field__input--invalid]="form.errors._code && form.isSubmitted"
[class.form-field__input--valid]="!form.errors._code"
/>
</div> </div>
<button id="loginSubmit" class="button button--large button--green" [disabled]="hasStarted" type="submit"> <button id="loginSubmit" class="button button--large button--green" [disabled]="hasStarted" type="submit">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment