diff --git a/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html b/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html index dcd0496ed30..8f39153537f 100644 --- a/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html +++ b/apps/browser/src/popup/components/extension-anon-layout-wrapper/extension-anon-layout-wrapper.component.html @@ -1,5 +1,5 @@ - - + --> + @if (showLogo) { +
+ +
+ } +
+ + @if (showAcctSwitcher && hasLoggedInAccount) { + + } +
diff --git a/libs/components/src/anon-layout/anon-layout.component.html b/libs/components/src/anon-layout/anon-layout.component.html index e0adf20285e..8ca076fa397 100644 --- a/libs/components/src/anon-layout/anon-layout.component.html +++ b/libs/components/src/anon-layout/anon-layout.component.html @@ -1,3 +1,16 @@ +
+ @if (!hideLogo()) { + + + + } + +
+ +
+
-
- @if (!hideLogo()) { - - - - } -
- -
-
-
@let iconInput = icon(); diff --git a/libs/components/src/anon-layout/anon-layout.component.ts b/libs/components/src/anon-layout/anon-layout.component.ts index e6572a0c3c1..97b41395b05 100644 --- a/libs/components/src/anon-layout/anon-layout.component.ts +++ b/libs/components/src/anon-layout/anon-layout.component.ts @@ -43,6 +43,15 @@ export type AnonLayoutMaxWidth = "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl"; ], }) export class AnonLayoutComponent implements OnInit, OnChanges { + constructor( + private environmentService: EnvironmentService, + private platformUtilsService: PlatformUtilsService, + ) { + this.year = new Date().getFullYear().toString(); + this.clientType = this.platformUtilsService.getClientType(); + this.hideYearAndVersion = this.clientType !== ClientType.Web; + } + @HostBinding("class") get classList() { // AnonLayout should take up full height of parent container for proper footer placement. @@ -94,15 +103,6 @@ export class AnonLayoutComponent implements OnInit, OnChanges { } } - constructor( - private environmentService: EnvironmentService, - private platformUtilsService: PlatformUtilsService, - ) { - this.year = new Date().getFullYear().toString(); - this.clientType = this.platformUtilsService.getClientType(); - this.hideYearAndVersion = this.clientType !== ClientType.Web; - } - async ngOnInit() { this.maxWidth.set(this.maxWidth() ?? "md"); this.hostname = (await firstValueFrom(this.environmentService.environment$)).getHostname();