Commit c9acb461 authored by Emily Jensen's avatar Emily Jensen

Styling

parent c7cf5632
<div class="account l-container-narrow u-margin-tb-50">
<a class="text-link text-link--left-caret heading-back-link" [routerLink]="['/account']">Account Management</a>
<a class="text-link text-link--left-caret heading-back-link" [routerLink]="['/account/change-password']">Change Password</a>
<h2 class="heading-main heading-main--pad-bottom">Forgot Your Password?</h2>
<p>If you forgot your password, you will need to recover your account.</p>
<p>Do you have your backup code? Your backup code is contained in a PDF that you printed or saved when you created your Passit account.</p>
<h3>I have my backup code</h3>
<ul>
<li><a class="text-link text-link--caret text-link--large" href="javascript:void(0)" (click)="onLogOut()">Log&nbsp;out</a></li>
<li>Click the “Recover your account” link on the login page</li>
<li>Follow the steps to change your password</li>
</ul>
<h3>I don’t have my backup code</h3>
<p>If you didn’t save your backup code, then you will need to transfer your passwords to a new account. Since we require your password to delete your account, you will not be able to do so. Therefore, you will need to use a different email address for your new account.</p>
<ul>
<li><a class="text-link text-link--caret text-link--large" href="javascript:void(0)" [routerLink]="['/export']">Export Your Passwords</a></li>
<li>Register a new account</li>
<li><a class="text-link text-link--caret text-link--large" href="javascript:void(0)" [routerLink]="['/import']">Import Your Passwords</a></li>
</ul>
<div class="register-step__feedback">
<p>If you forgot your password, you will need to recover your account.</p>
<p>Do you have your backup code? Your backup code is contained in a PDF that you printed or saved when you created your Passit account.</p>
</div>
<app-form-label [isLarge]="true" class="u-margin-b-20">I have my backup code</app-form-label>
<ul class="register-step__feedback">
<li><a class="text-link text-link--caret text-link--large" href="javascript:void(0)" (click)="onLogOut()">Log&nbsp;out</a></li>
<li>Click the “Recover your account” link on the login page</li>
<li>Follow the steps to change your password</li>
</ul>
<app-form-label [isLarge]="true">I don’t have my backup code</app-form-label>
<div class="register-step__feedback">
<p>If you didn’t save your backup code, then you will need to transfer your passwords to a new account. Since we require your password to delete your account, you will not be able to do so. Therefore, you will need to use a different email address for your new account.</p>
</div>
<ul class="register-step__feedback">
<li><a class="text-link text-link--caret text-link--large" href="javascript:void(0)" [routerLink]="['/export']">Export Your Passwords</a></li>
<li>Register a new account</li>
<li><a class="text-link text-link--caret text-link--large" href="javascript:void(0)" [routerLink]="['/import']">Import Your Passwords</a></li>
</ul>
\ No newline at end of file
......@@ -6,7 +6,7 @@ import { LogoutAction } from "../.././account.actions";
@Component({
selector: 'forgot-learn-more',
templateUrl: './forgot-learn-more.component.html',
styleUrls: ['./forgot-learn-more.component.css']
styleUrls: ['./forgot-learn-more.component.css', '../../account.component.scss']
})
export class ForgotLearnMoreComponent {
constructor(private store: Store<IState>) {}
......
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