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> <h3 class="item-name">Back</h3>
</mat-card> </mat-card>
<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 matRipple
*ngFor="let item of list" *ngFor="let item of list"
(click)="addProduct(item)" (click)="addProduct(item)"
[class.yellow300]="item.hasHappyHour" [class.yellow300]="item.hasHappyHour"
[class.grey800]="item.isNotAvailable" [class.grey800]="item.isNotAvailable"
[class.face]="!item.hasHappyHour && !item.isNotAvailable"
> >
<h3 class="item-name">{{ item.name }}</h3> <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> </mat-card>
</div> </div>
</mat-card-content> </mat-card-content>