18 lines
1.1 KiB
HTML
18 lines
1.1 KiB
HTML
<div class="rounded-lg px-2 m-3 bg-white border border-gray-200 items-center h-full max-h-48 overflow-scroll">
|
|
<ion-list lines="none" class="flex flex-col gap-3 pt-1 pb-1">
|
|
@for (challenge of userChallenges(); track challenge.challengeTitle) {
|
|
<ion-item class="border border-gray-200 rounded-xl" style="--inner-padding-end: 0; --padding-start: 0;">
|
|
<div class="grid grid-cols-[1fr_auto] gap-2 items-start w-full px-3 py-2">
|
|
<div>
|
|
<p class="m-0 text-sm font-medium text-gray-900">{{ challenge.challengeTitle }}</p>
|
|
<p class="m-0 mt-1 text-xs text-gray-500 leading-relaxed">{{ challenge.challengeDescription }}</p>
|
|
</div>
|
|
<div class="text-right shrink-0">
|
|
<p class="m-0 text-xs text-gray-500">{{ converterHours(challenge.challengeDuration) }}</p>
|
|
<p class="m-0 mt-1 text-xs text-gray-400">{{ challenge.challengeStartDate }}</p>
|
|
</div>
|
|
</div>
|
|
</ion-item>
|
|
}
|
|
</ion-list>
|
|
</div> |