diff options
Diffstat (limited to 'recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html')
| -rw-r--r-- | recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html index dc87efd..5fe4620 100644 --- a/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html +++ b/recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html @@ -1,13 +1,16 @@ -<div> -{{cookedRecipe.name}} - <div> - Serving Size: {{cookedRecipe.servingSize}} +<div *ngIf="cookedRecipe" class="outer-box"> + <h1>{{cookedRecipe.name}}</h1> + + <div class="input-box"> + Serving<input (keyup)="updateRecipe($event)"> </div> - <div> Ingredients: + + <h4>Ingredients:</h4> + <div class="ingredients-list"> <li *ngFor="let ing of cookedRecipe.ingredients"> - {{ing.name}}, {{ing.amount}} unit: {{ing.units}} + {{ing.name}}, {{ing.amount}} {{ing.unit}} </div> </div> -<button routerLink="/cook"> Ready </button> +<button class="button" routerLink="/cook"> Ready </button> |