src/app/core/ui/ui/powered-by/powered-by.component.ts

Description

Small "Powered by Aam Digital" branding shown in the sidebar footer.

Example

Metadata

changeDetection	`ChangeDetectionStrategy.OnPush`
selector	`app-powered-by`
standalone	`true`
styleUrls	`./powered-by.component.scss`
templateUrl	`./powered-by.component.html`
styleUrl	`./powered-by.component.scss`

Relationships

Used by

UiComponent

Depends on

No results matching.

import { ChangeDetectionStrategy, Component } from "@angular/core";

/**
 * Small "Powered by Aam Digital" branding shown in the sidebar footer.
 */
@Component({
  selector: "app-powered-by",
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: "./powered-by.component.html",
  styleUrl: "./powered-by.component.scss",
})
export class PoweredByComponent {}

<span class="powered-by">
  <span i18n="Powered by label">powered by</span>
  <!-- eslint-disable @angular-eslint/template/i18n -- product name, never translated -->
  <img
    src="assets/aam-digital_logo.png"
    alt="Aam Digital"
    class="powered-by-logo"
  />
  <!-- eslint-enable @angular-eslint/template/i18n -->
</span>

./powered-by.component.scss

.powered-by {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 0.65rem;
  opacity: 0.7;
  padding: 4px;
}

.powered-by-logo {
  height: 24px;
  width: auto;
}

Legend

Html element

Component

Html element with directive