mirror of
https://github.com/bitwarden/browser
synced 2025-12-27 13:43:41 +00:00
[CL-581] Update svgs to new designs and make responsive (#16219)
This commit is contained in:
@@ -1,12 +1,7 @@
|
||||
<ng-container>
|
||||
<!-- TOTP Authenticator -->
|
||||
<bit-icon [icon]="Icons.TOTPIcon" *ngIf="provider == 0"></bit-icon>
|
||||
<!-- Email -->
|
||||
<bit-icon [icon]="Icons.EmailIcon" *ngIf="provider == 1"></bit-icon>
|
||||
<!-- Webauthn -->
|
||||
<bit-icon [icon]="Icons.WebAuthnIcon" *ngIf="provider == 7"></bit-icon>
|
||||
<!-- Recovery Code -->
|
||||
<bit-icon [icon]="Icons.RecoveryCodeIcon" *ngIf="provider == 'rc'"></bit-icon>
|
||||
<div class="tw-size-[70px] tw-content-center" *ngIf="!!IconProviderMap[provider]">
|
||||
<bit-icon [icon]="IconProviderMap[provider]"></bit-icon>
|
||||
</div>
|
||||
<!-- Other 2FA Types (Duo, Yubico, U2F as PNG) -->
|
||||
<img
|
||||
[class]="'mfaType' + provider"
|
||||
|
||||
@@ -2,7 +2,12 @@
|
||||
// @ts-strict-ignore
|
||||
import { Component, Input } from "@angular/core";
|
||||
|
||||
import { EmailIcon, RecoveryCodeIcon, TOTPIcon, WebAuthnIcon } from "@bitwarden/assets/svg";
|
||||
import {
|
||||
Icon,
|
||||
TwoFactorAuthAuthenticatorIcon,
|
||||
TwoFactorAuthEmailIcon,
|
||||
TwoFactorAuthWebAuthnIcon,
|
||||
} from "@bitwarden/assets/svg";
|
||||
|
||||
@Component({
|
||||
selector: "auth-two-factor-icon",
|
||||
@@ -13,11 +18,10 @@ export class TwoFactorIconComponent {
|
||||
@Input() provider: any;
|
||||
@Input() name: string;
|
||||
|
||||
protected readonly Icons = {
|
||||
TOTPIcon,
|
||||
EmailIcon,
|
||||
WebAuthnIcon,
|
||||
RecoveryCodeIcon,
|
||||
protected readonly IconProviderMap: { [key: number | string]: Icon } = {
|
||||
0: TwoFactorAuthAuthenticatorIcon,
|
||||
1: TwoFactorAuthEmailIcon,
|
||||
7: TwoFactorAuthWebAuthnIcon,
|
||||
};
|
||||
|
||||
constructor() {}
|
||||
|
||||
@@ -3,7 +3,7 @@ import { Component, OnInit } from "@angular/core";
|
||||
import { ActivatedRoute, Router } from "@angular/router";
|
||||
import { firstValueFrom } from "rxjs";
|
||||
|
||||
import { NoAccess } from "@bitwarden/assets/svg";
|
||||
import { DeactivatedOrg } from "@bitwarden/assets/svg";
|
||||
// This import has been flagged as unallowed for this class. It may be involved in a circular dependency loop.
|
||||
// eslint-disable-next-line no-restricted-imports
|
||||
import {
|
||||
@@ -112,7 +112,7 @@ export class SetInitialPasswordComponent implements OnInit {
|
||||
this.userType = SetInitialPasswordUserType.OFFBOARDED_TDE_ORG_USER_UNTRUSTED_DEVICE;
|
||||
this.anonLayoutWrapperDataService.setAnonLayoutWrapperData({
|
||||
pageTitle: { key: "unableToCompleteLogin" },
|
||||
pageIcon: NoAccess,
|
||||
pageIcon: DeactivatedOrg,
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user