mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-09 20:15:07 +00:00
(pages/activities) Couple data and style tweaks
This commit is contained in:
parent
3b727fe859
commit
60e9c65505
|
@ -42,7 +42,8 @@ export const activities: Activity[] = [
|
||||||
id : 'ef7b95a7-8e8b-4616-9619-130d9533add9',
|
id : 'ef7b95a7-8e8b-4616-9619-130d9533add9',
|
||||||
image : 'assets/images/avatars/male-06.jpg',
|
image : 'assets/images/avatars/male-06.jpg',
|
||||||
description : '<strong>Roger Murray</strong> accepted your friend request',
|
description : '<strong>Roger Murray</strong> accepted your friend request',
|
||||||
date : moment().subtract(7, 'hours').toISOString() // 7 hours ago
|
date : moment().subtract(7, 'hours').toISOString(), // 7 hours ago
|
||||||
|
extraContent: `You have <span class="font-semibold">8</span> mutual friends.`
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id : 'eb8aa470-635e-461d-88e1-23d9ea2a5665',
|
id : 'eb8aa470-635e-461d-88e1-23d9ea2a5665',
|
||||||
|
@ -55,11 +56,11 @@ export const activities: Activity[] = [
|
||||||
icon : 'heroicons_solid:mail',
|
icon : 'heroicons_solid:mail',
|
||||||
description : 'You have 3 new mails',
|
description : 'You have 3 new mails',
|
||||||
date : moment().subtract(1, 'day').toISOString(), // 1 day ago
|
date : moment().subtract(1, 'day').toISOString(), // 1 day ago
|
||||||
extraContent: `<div class="space-y-2">
|
extraContent : `<ol class="list-decimal list-inside space-y-2">
|
||||||
<div class="font-medium">Please review and sign the attached agreement</div>
|
<li class="font-medium">Please review and sign the attached agreement</li>
|
||||||
<div class="font-medium">Delivery address confirmation</div>
|
<li class="font-medium">Delivery address confirmation</li>
|
||||||
<div class="font-medium">Previous clients and their invoices</div>
|
<li class="font-medium">Previous clients and their invoices</li>
|
||||||
</div>`,
|
</ol>`,
|
||||||
linkedContent: 'Mailbox',
|
linkedContent: 'Mailbox',
|
||||||
link : '/apps/mailbox',
|
link : '/apps/mailbox',
|
||||||
useRouter : true
|
useRouter : true
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
<div class="relative flex flex-auto">
|
<div class="relative flex flex-auto">
|
||||||
<!-- Icon -->
|
<!-- Icon -->
|
||||||
<ng-container *ngIf="activity.icon && !activity.image">
|
<ng-container *ngIf="activity.icon && !activity.image">
|
||||||
<div class="flex flex-shrink-0 items-center justify-center w-10 h-10 mr-4 rounded-full bg-gray-500">
|
<div class="flex flex-shrink-0 items-center justify-center w-10 h-10 mr-4 rounded-full bg-gray-400">
|
||||||
<mat-icon
|
<mat-icon
|
||||||
class="icon-size-5 text-white"
|
class="icon-size-5 text-white"
|
||||||
[svgIcon]="activity.icon">
|
[svgIcon]="activity.icon">
|
||||||
|
@ -89,7 +89,7 @@
|
||||||
<!-- Extra content -->
|
<!-- Extra content -->
|
||||||
<ng-container *ngIf="activity.extraContent">
|
<ng-container *ngIf="activity.extraContent">
|
||||||
<div
|
<div
|
||||||
class="mt-4 py-4 px-5 rounded bg-gray-200 dark:bg-gray-800"
|
class="mt-4 py-4 px-5 rounded-lg bg-gray-200 dark:bg-gray-800"
|
||||||
[innerHTML]="activity.extraContent"></div>
|
[innerHTML]="activity.extraContent"></div>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user