tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSC: nav with modal event

Browse source
This commit is contained in:
Tykayn 2025-09-26 12:42:25 +02:00 • committed by tykayn
parent 8ef68379de
commit 2303c9d612
6 changed files with 55 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

24
my-workspace/projects/sae-lib/alert-box/alert-box.html
View file

@ -1,16 +1,18 @@
<div class="alert is-{{alertKind}}">
@if (alertKind == "warning") {
<i class="ri-triangle-line"></i>
}
@if (alertKind == "danger") {
<i class="ri-triangle-line"></i>
}
@if (alertKind == "error") {
<i class="ri-triangle-line"></i>
}
<slot [innerHTML]="message " name="main">
<div class="icon">
@if (alertKind == "warning") {
<i class="ri-triangle-line"></i>
}
@if (alertKind == "danger") {
<i class="ri-triangle-line"></i>
}
@if (alertKind == "error") {
<i class="ri-triangle-line"></i>
}
</div>
<slot [innerHTML]="message " name="main">
<ng-content></ng-content>
</slot>
<div (click)="onCloseClicked()" class="close-button button">x</div>
<ng-content></ng-content>
</div>

6
my-workspace/projects/sae-lib/alert-box/alert-box.scss
View file

@ -1,6 +1,12 @@
@use '../src/styles/variables';
:host {
.alert {
display: flex;
align-content: center;
justify-items: center;
}
i {
margin-right: 16px;
}