diff options
| author | schencej <schencej@clarkson.edu> | 2019-12-10 22:23:25 -0500 |
|---|---|---|
| committer | schencej <schencej@clarkson.edu> | 2019-12-10 22:23:25 -0500 |
| commit | 2ce49662e65fa0a3bdd2a2681d02586c30c4f431 (patch) | |
| tree | f494682e324b7a30c4e2cd33500ea550b49e7f47 /recipeBuddy/src/app/pre-cook-pop-up/pre-cook-pop-up.component.html | |
| parent | 365d78a6a7884b21fe588df9d502240c4c52bf05 (diff) | |
added ingredient scaling and styling to pre cook page
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> |