diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index e136384e0..5e060972b 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -5,7 +5,7 @@
mat-button
[routerLink]="['/']"
>
-
+
diff --git a/apps/client/src/app/pages/landing/landing-page.html b/apps/client/src/app/pages/landing/landing-page.html
index 48b448dca..0c8f20bce 100644
--- a/apps/client/src/app/pages/landing/landing-page.html
+++ b/apps/client/src/app/pages/landing/landing-page.html
@@ -256,7 +256,7 @@
diff --git a/libs/ui/src/lib/logo/logo.component.html b/libs/ui/src/lib/logo/logo.component.html
index a43b67a2d..313a16c79 100644
--- a/libs/ui/src/lib/logo/logo.component.html
+++ b/libs/ui/src/lib/logo/logo.component.html
@@ -1,4 +1,4 @@
- {{ name ?? 'Ghostfolio' }}{{ label ?? 'Ghostfolio' }}
diff --git a/libs/ui/src/lib/logo/logo.component.scss b/libs/ui/src/lib/logo/logo.component.scss
index 85315c55d..176f46126 100644
--- a/libs/ui/src/lib/logo/logo.component.scss
+++ b/libs/ui/src/lib/logo/logo.component.scss
@@ -1,12 +1,12 @@
:host {
+ .label {
+ font-weight: 600;
+ }
+
.logo {
background-color: rgba(var(--dark-primary-text));
mask: url('/assets/ghost.svg') no-repeat center;
}
-
- .name {
- font-weight: 600;
- }
}
:host-context(.is-dark-theme) {
@@ -16,23 +16,23 @@
}
:host-context(.large) {
+ .label {
+ font-size: 3rem;
+ }
+
.logo {
height: 2.5rem;
width: 2.5rem;
}
-
- .name {
- font-size: 3rem;
- }
}
:host-context(.medium) {
+ .label {
+ font-size: 1.5rem;
+ }
+
.logo {
height: 1.5rem;
width: 1.5rem;
}
-
- .name {
- font-size: 1.5rem;
- }
}
diff --git a/libs/ui/src/lib/logo/logo.component.stories.ts b/libs/ui/src/lib/logo/logo.component.stories.ts
index ca9530eb8..196043eb3 100644
--- a/libs/ui/src/lib/logo/logo.component.stories.ts
+++ b/libs/ui/src/lib/logo/logo.component.stories.ts
@@ -24,7 +24,7 @@ Large.args = {
size: 'large'
};
-export const NoName = Template.bind({});
-NoName.args = {
- hideName: true
+export const NoLabel = Template.bind({});
+NoLabel.args = {
+ showLabel: false
};
diff --git a/libs/ui/src/lib/logo/logo.component.ts b/libs/ui/src/lib/logo/logo.component.ts
index 35adc3ee7..ecb3885dc 100644
--- a/libs/ui/src/lib/logo/logo.component.ts
+++ b/libs/ui/src/lib/logo/logo.component.ts
@@ -2,8 +2,7 @@ import {
ChangeDetectionStrategy,
Component,
HostBinding,
- Input,
- OnInit
+ Input
} from '@angular/core';
@Component({
@@ -12,14 +11,10 @@ import {
templateUrl: './logo.component.html',
styleUrls: ['./logo.component.scss']
})
-export class LogoComponent implements OnInit {
+export class LogoComponent {
@HostBinding('class') @Input() size: 'large' | 'medium' = 'medium';
- @Input() hideName = false;
- @Input() name: string;
+ @Input() label: string;
+ @Input() showLabel = true;
public constructor() {}
-
- public ngOnInit() {
- this.hideName = this.hideName ?? false;
- }
}
diff --git a/libs/ui/src/lib/no-transactions-info/no-transactions-info.component.html b/libs/ui/src/lib/no-transactions-info/no-transactions-info.component.html
index 9f30d437a..103b21078 100644
--- a/libs/ui/src/lib/no-transactions-info/no-transactions-info.component.html
+++ b/libs/ui/src/lib/no-transactions-info/no-transactions-info.component.html
@@ -1,13 +1,13 @@