beca13796d
Root cause: featured_pour's empty-media placeholder used an external <use> SVG (svg class=h-24 w-24 + use href=/icons/lucide.svg#coffee) sized ONLY by Tailwind utilities. The host Tailwind JIT does not reliably emit utility classes used solely in a theme block template, so h-24/w-24 could be dropped from the generated stylesheet; the SVG (no viewBox, no intrinsic size) then ballooned to fill its aspect-square parent (~350-500px cup silhouettes over the hero/blog cards). Fix pins width/height geometry attributes on every <use> icon SVG so size is CSS-independent and deterministic. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
9 lines
1007 B
Plaintext
9 lines
1007 B
Plaintext
{% with size=size|default:"full" align=align|default:"center" %}
|
|
<figure class="my-8 flex flex-1 flex-col {% if align == "left" %}items-start{% elif align == "right" %}items-end{% else %}items-center{% endif %}{% if class %} {{ class }}{% endif %}">
|
|
<div class="coffee-frame coffee-torn-bottom relative overflow-hidden p-2 {% if size == "xs" %}max-w-[200px] w-full{% elif size == "sm" %}max-w-[400px] w-full{% elif size == "md" %}max-w-[600px] w-full{% elif size == "lg" %}max-w-[800px] w-full{% else %}w-full{% endif %}">
|
|
{% if src %}{% img src alt=alt class="block h-auto w-full rounded-sm object-cover" layout=size %}{% else %}<div class="flex h-48 w-full items-center justify-center bg-secondary text-primary/20"><svg width="48" height="48" class="h-12 w-12" aria-hidden="true"><use href="/icons/lucide.svg#image"></use></svg></div>{% endif %}
|
|
</div>
|
|
{% if caption %}<figcaption class="coffee-hand mt-3 text-center text-xl text-accent">{{ caption }}</figcaption>{% endif %}
|
|
</figure>
|
|
{% endwith %}
|