purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-04-04 07:31:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

(layout/user) Fix: Menu status color icons not showing up

Browse Source
This commit is contained in:
Sercan Yemen 2024-06-03 09:36:53 +03:00
parent f0ca953fee
commit 8647b5c762
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/layout/common/user/user.component.html
View File

@ -17,7 +17,7 @@
'bg-green-500': user.status === 'online', 'bg-green-500': user.status === 'online',
'bg-amber-500': user.status === 'away', 'bg-amber-500': user.status === 'away',
'bg-red-500': user.status === 'busy', 'bg-red-500': user.status === 'busy',
'bg-gray-400': user.status === 'not-visible' 'bg-gray-400': user.status === 'not-visible',
}" }"
></span> ></span>
</span> </span>
@ -56,19 +56,19 @@
<mat-menu class="user-status-menu" #userStatus="matMenu"> <mat-menu class="user-status-menu" #userStatus="matMenu">
<button mat-menu-item (click)="updateUserStatus('online')"> <button mat-menu-item (click)="updateUserStatus('online')">
<span class="mr-3 h-4 w-4 rounded-full bg-green-500"></span> <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-green-500"></span>
<span>Online</span> <span>Online</span>
</button> </button>
<button mat-menu-item (click)="updateUserStatus('away')"> <button mat-menu-item (click)="updateUserStatus('away')">
<span class="mr-3 h-4 w-4 rounded-full bg-amber-500"></span> <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-amber-500"></span>
<span>Away</span> <span>Away</span>
</button> </button>
<button mat-menu-item (click)="updateUserStatus('busy')"> <button mat-menu-item (click)="updateUserStatus('busy')">
<span class="mr-3 h-4 w-4 rounded-full bg-red-500"></span> <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-red-500"></span>
<span>Busy</span> <span>Busy</span>
</button> </button>
<button mat-menu-item (click)="updateUserStatus('not-visible')"> <button mat-menu-item (click)="updateUserStatus('not-visible')">
<span class="mr-3 h-4 w-4 rounded-full bg-gray-400"></span> <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-gray-400"></span>
<span>Invisible</span> <span>Invisible</span>
</button> </button>
</mat-menu> </mat-menu>