27 lines
1.4 KiB
Plaintext
27 lines
1.4 KiB
Plaintext
<section data-block="coffee:menu_board" class="my-10">
|
|
<div class="coffee-card max-w-3xl mx-auto px-6 py-8">
|
|
<h2 class="coffee-display text-3xl mb-6 text-center">
|
|
<span class="coffee-doodle-underline">{{ title|default:"Menu" }}</span>
|
|
</h2>
|
|
{% if not sections %}<p class="coffee-body text-sm text-muted-foreground text-center italic">Add a section to get started.</p>{% endif %}
|
|
{% for section in sections %}
|
|
<div class="{% if forloop.First %}mb-6{% else %}mt-8 mb-6{% endif %}">
|
|
{% if section.name %}<h3 class="coffee-display text-xl mb-3 text-primary">{{ section.name }}</h3>{% endif %}
|
|
{% if not section.items %}<p class="coffee-body text-sm text-muted-foreground italic">No items yet.</p>{% endif %}
|
|
<ul class="space-y-2">
|
|
{% for item in section.items %}
|
|
<li class="flex items-baseline gap-3 py-1 border-b coffee-pencil-rule border-dashed">
|
|
<div class="flex-1 min-w-0">
|
|
<div class="coffee-body font-medium text-foreground">{{ item.name }}</div>
|
|
{% if item.note %}<div class="coffee-body text-sm text-muted-foreground">{{ item.note }}</div>{% endif %}
|
|
{% if item.allergens %}<div class="coffee-body text-xs text-muted-foreground italic">Allergens: {{ item.allergens }}</div>{% endif %}
|
|
</div>
|
|
{% if item.price %}<div class="coffee-price price text-base whitespace-nowrap">{{ item.price }}</div>{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|