32 lines
825 B
HTML
32 lines
825 B
HTML
<div
|
|
id="card"
|
|
class="grow p-3 my-2 rounded-xl shadow-lg border border-gray-100 dark:bg-zinc-800 dark:border-zinc-900"
|
|
>
|
|
<div id="header">
|
|
<div class="flex flex-row">
|
|
<div *ngIf="icon !== null">
|
|
<img class="h-6 w-6 m-2" [src]="icon" />
|
|
</div>
|
|
<div
|
|
*ngIf="header !== null"
|
|
class="my-auto text-xl font-medium text-black dark:text-white truncate"
|
|
>
|
|
{{ header }}
|
|
</div>
|
|
</div>
|
|
<div
|
|
*ngIf="subHeader !== null"
|
|
class="text-slate-500 dark:text-slate-400 mx-2"
|
|
>
|
|
{{ subHeader }}
|
|
</div>
|
|
</div>
|
|
|
|
<div id="content" class="mx-5 text-black dark:text-white">
|
|
<div *ngIf="content !== null" class="my-2 italic">"{{ content }}"</div>
|
|
<div *ngIf="content === null">
|
|
<ng-content></ng-content>
|
|
</div>
|
|
</div>
|
|
</div>
|