ov-components: add conditional rendering for letter display in avatar profile

master
Carlos Santos 2025-08-22 19:38:32 +02:00
parent 488811f132
commit 5d9dbc114b
1 changed files with 5 additions and 3 deletions

View File

@ -8,9 +8,11 @@ import { Component, Input } from '@angular/core';
selector: 'ov-avatar-profile', selector: 'ov-avatar-profile',
template: ` template: `
<div class="poster" id="video-poster"> <div class="poster" id="video-poster">
@if (letter) {
<div class="initial" [ngStyle]="{ 'background-color': color }"> <div class="initial" [ngStyle]="{ 'background-color': color }">
<span id="poster-text">{{ letter }}</span> <span id="poster-text">{{ letter }}</span>
</div> </div>
}
</div> </div>
`, `,
styleUrls: ['./avatar-profile.component.scss'], styleUrls: ['./avatar-profile.component.scss'],