web: add close button to messages

This commit is contained in:
Jens Langhammer
2021-03-12 12:27:57 +01:00
parent fd864655f6
commit a63702ef90
2 changed files with 11 additions and 3 deletions

View File

@ -46,6 +46,15 @@ export class Message extends LitElement {
<p class="pf-c-alert__title">
${this.message?.message}
</p>
<div class="pf-c-alert__action">
<button class="pf-c-button pf-m-plain" type="button" @click=${() => {
if (!this.message) return;
if (!this.onRemove) return;
this.onRemove(this.message);
}}>
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
</div>
</li>`;
}