Johan LEROY
9c78c6dc38
Centralise les couleurs/rayons/espacements dispersés en dur dans chaque page (login, change-password, dashboard) en tokens CSS partagés, ajoute un petit set de composants standalone réutilisables (ev-button, ev-card, ev-alert, ev-badge) et intègre le logo EnerVision en en-tête des pages ainsi que dans Swagger/ReDoc côté backend. Refs #91
22 lines
479 B
TypeScript
22 lines
479 B
TypeScript
import { Component, HostBinding, input } from '@angular/core';
|
|
|
|
export type AlertSeverity = 'success' | 'warning' | 'danger';
|
|
|
|
@Component({
|
|
selector: 'ev-alert',
|
|
standalone: true,
|
|
templateUrl: './alert.html',
|
|
styleUrl: './alert.scss',
|
|
})
|
|
export class Alert {
|
|
severity = input<AlertSeverity>('danger');
|
|
|
|
@HostBinding('class')
|
|
get hostClass(): string {
|
|
return `ev-alert ev-alert--${this.severity()}`;
|
|
}
|
|
|
|
@HostBinding('attr.role')
|
|
readonly role = 'alert';
|
|
}
|