29 lines
956 B
HTML
29 lines
956 B
HTML
<ff-header
|
|
[link]="ERouteKey.Home"
|
|
[page]="lang.screens.dashboard.title"
|
|
></ff-header>
|
|
<div class="p-4 flex flex-col gap-4">
|
|
@for (chibi of chibis(); track $index) {
|
|
<a
|
|
[routerLink]="['/' + ERouteKey.Interactions + '/' + chibi.id]"
|
|
class="w-full flex flex-row gap-4 bg-primary-200 p-4 rounded-lg cursor-pointer"
|
|
>
|
|
<img [src]="chibi.iconPath" class="rounded-full w-3/12" />
|
|
<div>
|
|
<div class="flex flex-row items-center gap-2">
|
|
<div
|
|
class="flex flex-row items-center justify-center rounded-full bg-primary-300 relative w-8 h-8 relative"
|
|
>
|
|
<h3
|
|
class="top-0 left-0 absolute flex flex-row items-center justify-center w-8 h-8 text-primary-700 text-2xl font-bold"
|
|
>
|
|
{{ chibi.level }}
|
|
</h3>
|
|
</div>
|
|
<h3 class="font-semibold text-lg">{{ chibi.name }}</h3>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
}
|
|
</div>
|