add: food active style

diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css
index cbb9d86a1fab5d1c77e58adae35c87b0b72612f0..ca73b0cdaaaef9dcce692c8c27a965b54cfa2c58 100644 (file)
--- a/src/app/food/food.component.css
+++ b/src/app/food/food.component.css
@@ -1,3 +1,7 @@
+.active {
+       background-color: #fff6e6;
+}
+
 .grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);

diff --git a/src/app/food/food.component.html b/src/app/food/food.component.html
index fd2e218c7d62035b065ccfed022ee4c8938af1f9..44084790d4cb56673895e61c1a42ec82d3d6e2fd 100644 (file)
--- a/src/app/food/food.component.html
+++ b/src/app/food/food.component.html
@@ -1,4 +1,4 @@
-<div class="grid foodmenu">
+<div class="grid foodmenu" [class.active]="formFoodVisible">
        <div class="food">{{food.Food}}</div>
        <div class="sideDish">{{food.sideDish}}</div>
        <div class="price">{{food.price}}</div>