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 @@
- +
Time to add your first activity.