Open spusuf opened 10 months ago
Mocked up using the inspect html tool.
<select name="ingredients[meal][0]" required="required" class="rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 px-4 py-1 my-2" style="width:170px; float: left;">
<option value=""></option>
<option value="0">
Meal 1
</option>
<option value="1">
Meal 2
</option>
<option value="2">
Meal 3
</option>
</select>
<select name="ingredients[meal][0]" required="required" class="rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 px-4 py-1 my-2" style="width:85px; float: right;">
<option value=""></option>
<option value="0">Qty.</option>
<option value="1">x1</option>
<option value="2">x2</option>
</select>
Adding multiple serves of a food is possible, but has to be done one at a time. Having a quantity dropdown next to the meal selector would allow more effective use of servings