parent
a06cbe1759
commit
7b1bdfda5a
@ -1,4 +1,39 @@
|
|||||||
<p>{{recipe.id}}</p>
|
<style>
|
||||||
<p>{{recipe.name}}</p>
|
.container {
|
||||||
<p>{{recipe.description}}</p>
|
background-color: #fff;
|
||||||
|
position: relative;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 300px 600px;
|
||||||
|
}
|
||||||
|
.container img {
|
||||||
|
width: 300px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container_text {
|
||||||
|
padding: 40px 40px 0;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<img ng-if="recipe.image" src="https://placehold.co/200x200" alt={{recipe.name}}/>
|
||||||
|
|
||||||
|
<div class="container_text">
|
||||||
|
|
||||||
|
<h1>{{recipe.name}}</h1>
|
||||||
|
<p>
|
||||||
|
{{recipe.description}}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h3>Ingredients</h3>
|
||||||
|
<p>
|
||||||
|
<li *ngFor="let ingredient of recipe.ingredients">
|
||||||
|
{{ this.recipes.getIngredientById(ingredient.idIngredient)?.name }}: {{ ingredient.quantity }}g
|
||||||
|
</li>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in new issue