Event detail: poster 250px left, description right in two-column layout

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Serreau Jovann
2026-03-20 18:29:30 +01:00
parent 1dcf5a190d
commit de99ca5f62

View File

@@ -47,8 +47,27 @@
<div class="flash-error"><p class="font-black text-sm">{{ message }}</p></div>
{% endfor %}
<div class="card-brutal">
<p class="text-center text-gray-400 font-bold">Page evenement en cours de construction.</p>
<div class="card-brutal overflow-hidden p-0">
<div class="flex flex-col md:flex-row">
<div class="md:w-[300px] flex-shrink-0">
{% if event.eventMainPictureName %}
<img src="{{ ('/uploads/events/' ~ event.eventMainPictureName) | imagine_filter('medium') }}" alt="{{ event.title }}" class="w-full h-[250px] object-cover">
{% else %}
<div class="w-full h-[250px] bg-gray-100 flex items-center justify-center">
<span class="text-5xl opacity-20">&#128247;</span>
</div>
{% endif %}
</div>
<div class="p-6 flex-1">
{% if event.description %}
<div class="prose prose-sm max-w-none font-bold text-gray-700 leading-relaxed">
{{ event.description|raw }}
</div>
{% else %}
<p class="text-gray-400 font-bold italic">Aucune description pour cet evenement.</p>
{% endif %}
</div>
</div>
</div>
</div>
</section>