35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
<div class="ml-90">
|
|
<p class="cursor-pointer text-red-700" (click)="delete()">
|
|
<nz-icon nzType="delete" nzTheme="outline"/> Tout supprimer
|
|
</p>
|
|
</div>
|
|
|
|
<nz-list nzItemLayout="vertical" class="max-w-xl mx-auto max-h-[400px] overflow-y-auto border border-gray-200 rounded-lg">
|
|
@for (item of notifList; track item) {
|
|
<nz-list-item class="flex items-start p-4 border-b border-gray-200">
|
|
|
|
<nz-list-item-meta class="flex-1">
|
|
<nz-list-item-meta-avatar>
|
|
<img src="https://cdn-icons-png.flaticon.com/512/1/1176.png" alt="info" class="w-10 h-10 rounded-full mt-10 mr-2 w-10">
|
|
</nz-list-item-meta-avatar>
|
|
|
|
<nz-list-item-meta-title>
|
|
<p class="font-semibold mb-1">{{item.title}}</p>
|
|
<p class="text-gray-500 mb-1">{{item.author}}</p>
|
|
</nz-list-item-meta-title>
|
|
|
|
<nz-list-item-meta-description>
|
|
<p>{{item.content}}</p>
|
|
</nz-list-item-meta-description>
|
|
</nz-list-item-meta>
|
|
|
|
<nz-list-item-extra>
|
|
<img src="https://www.pyro-fetes.com/wp-content/themes/pcptheme/img/logo-pyro-fetes-OR-top.png"
|
|
alt="logo"
|
|
class="w-35 object-contain mt-4">
|
|
</nz-list-item-extra>
|
|
|
|
</nz-list-item>
|
|
}
|
|
</nz-list>
|