feat: improve food preview panel

This commit is contained in:
2025-06-12 11:02:03 -03:00
parent 15fec548d5
commit 42a8081836
4 changed files with 29 additions and 17 deletions
+23 -1
View File
@@ -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>