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:
@@ -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">📷</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>
|
||||
|
||||
Reference in New Issue
Block a user