Fix: Happy hour product button color was being overwritten by the face color

This commit is contained in:
Amritanshu Agrawal 2023-03-14 13:27:05 +05:30
parent a1ccf973cd
commit da46591313
1 changed files with 5 additions and 2 deletions

View File

@ -10,15 +10,18 @@
<h3 class="item-name">Back</h3>
</mat-card>
<mat-card
class="face flex flex-col square-button mr-5, mb-5"
class="flex flex-col square-button mr-5, mb-5"
matRipple
*ngFor="let item of list"
(click)="addProduct(item)"
[class.yellow300]="item.hasHappyHour"
[class.grey800]="item.isNotAvailable"
[class.face]="!item.hasHappyHour && !item.isNotAvailable"
>
<h3 class="item-name">{{ item.name }}</h3>
<mat-card-subtitle class="face center">{{ item.price | currency : 'INR' }}</mat-card-subtitle>
<mat-card-subtitle class="center" [class.face]="!item.hasHappyHour && !item.isNotAvailable">{{
item.price | currency : 'INR'
}}</mat-card-subtitle>
</mat-card>
</div>
</mat-card-content>