purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2024-10-30 01:08:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

(apps/chat) Tweaked hover colors on lists for better consistency

Browse Source
This commit is contained in:
sercan 2021-05-07 12:40:02 +03:00
parent 83e67e1286
commit 039eef98ee
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/modules/admin/apps/chat/chats/chats.component.html
View File

@ -116,8 +116,9 @@
<ng-container *ngIf="filteredChats.length > 0; else noChats"> <ng-container *ngIf="filteredChats.length > 0; else noChats">
<ng-container *ngFor="let chat of filteredChats; trackBy: trackByFn"> <ng-container *ngFor="let chat of filteredChats; trackBy: trackByFn">
<div <div
class="z-20 flex items-center py-5 px-8 cursor-pointer border-b hover:bg-hover" class="z-20 flex items-center py-5 px-8 cursor-pointer border-b"
[ngClass]="{'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}" [ngClass]="{'hover:bg-gray-100 dark:hover:bg-hover': !selectedChat || selectedChat.id !== chat.id,
'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}"
[routerLink]="[chat.id]"> [routerLink]="[chat.id]">
<div class="relative flex flex-0 items-center justify-center w-10 h-10"> <div class="relative flex flex-0 items-center justify-center w-10 h-10">
<ng-container *ngIf="chat.unreadCount > 0"> <ng-container *ngIf="chat.unreadCount > 0">

2
src/app/modules/admin/apps/chat/new-chat/new-chat.component.html
View File

@ -20,7 +20,7 @@
</div> </div>
</ng-container> </ng-container>
<!-- Contact --> <!-- Contact -->
<div class="z-20 flex items-center px-6 py-4 md:px-8 cursor-pointer hover:bg-hover border-b"> <div class="z-20 flex items-center px-6 py-4 md:px-8 cursor-pointer border-b hover:bg-gray-100 dark:hover:bg-hover">
<div class="flex flex-0 items-center justify-center w-10 h-10 rounded-full overflow-hidden"> <div class="flex flex-0 items-center justify-center w-10 h-10 rounded-full overflow-hidden">
<ng-container *ngIf="contact.avatar"> <ng-container *ngIf="contact.avatar">
<img <img