feat: improve food preview panel
This commit is contained in:
+23
-1
@@ -51,7 +51,29 @@
|
||||
</div>
|
||||
<button class="add-btn" id="add-food-btn">Add Food</button>
|
||||
</div>
|
||||
<div class="add-food-form-item display-none" id="food-preview">
|
||||
<div class="display-none" id="food-preview">
|
||||
<div class="nutrition-summary">
|
||||
<div class="nutrition-item">
|
||||
<div class="nutrition-value" id="calorieValuePreview">0</div>
|
||||
<div class="nutrition-label">Calories</div>
|
||||
</div>
|
||||
<div class="nutrition-item">
|
||||
<div class="nutrition-value" id="proteinValuePreview">0</div>
|
||||
<div class="nutrition-label">Protein (g)</div>
|
||||
</div>
|
||||
<div class="nutrition-item">
|
||||
<div class="nutrition-value" id="fatValuePreview">0</div>
|
||||
<div class="nutrition-label">Fat (g)</div>
|
||||
</div>
|
||||
<div class="nutrition-item">
|
||||
<div class="nutrition-value" id="carboValuePreview">0</div>
|
||||
<div class="nutrition-label">Carbs (g)</div>
|
||||
</div>
|
||||
<div class="nutrition-item">
|
||||
<div class="nutrition-value" id="fiberValuePreview">0</div>
|
||||
<div class="nutrition-label">Fiber (g)</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user