Spaces:
Sleeping
Sleeping
File size: 1,152 Bytes
9fb4ba5 e585fb3 9fb4ba5 e585fb3 9fb4ba5 e585fb3 9fb4ba5 e585fb3 9fb4ba5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
from components.data import FOOD_DATA
def create_food_card(food_name):
food_info = FOOD_DATA[food_name]
image_src = f"assets/images/{food_info['image']}"
nutrition = food_info["nutrition"]
portion_size = food_info["portion_size"]
# Updated HTML for card to mimic screenshot structure
card_html = f"""
<div class="food-card">
<!-- Header Section -->
<div class="card-header">
<button class="close-btn" onclick="document.querySelector('.food-card').style.display='none'">✖</button>
<img src="{image_src}" alt="{food_name}" class="food-image" />
</div>
<!-- Bottom Section -->
<div class="card-content">
<div class="nutrition-details">
<h3>{food_name}</h3>
<table>
{"".join([f"<tr><td>{key}</td><td>{value}</td></tr>" for key, value in nutrition.items()])}
</table>
</div>
<div class="portion-details">
<p><strong>Portion Size:</strong> {portion_size}</p>
</div>
</div>
</div>
"""
return card_html
|