23 lines
854 B
Handlebars
23 lines
854 B
Handlebars
<LinkTo @route="meal" @model={{@meal}} class="block bg-white border border-gray-400 focus:border-teal-500 focus:shadow-sm focus:bg-teal-100 outline-none">
|
|
<div class="max-w-sm w-full lg:max-w-full lg:flex">
|
|
<div class="h-48 lg:h-auto lg:w-48 flex-none">
|
|
<img src={{@meal.mealThumb}} alt="" class="h-full w-full object-cover">
|
|
</div>
|
|
<div class="p-4 flex flex-col justify-between leading-normal">
|
|
<div class="mb-8">
|
|
<div class="text-gray-900 font-bold text-xl mb-2">
|
|
{{@meal.name}}
|
|
</div>
|
|
<p class="text-gray-700 text-base">
|
|
{{#each @meal.ingredients as |ingredient|}}
|
|
{{ingredient}}
|
|
{{/each}}
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<MealTag>{{@meal.category}}</MealTag>
|
|
<MealTag>{{@meal.area}}</MealTag>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</LinkTo>
|