Fixe maine image

This commit is contained in:
PascalMarchesseault
2025-01-18 02:23:22 -05:00
parent 04c9c94156
commit f3589e607a

View File

@@ -20,7 +20,7 @@
</div>
<!-- MainPage -->
<div v-if="!isEditMode" class="rounded-2xl flex flex-col space-y-6">
<div v-if="!isEditMode" class="rounded-2xl flex flex-col">
<!-- Main image -->
<div v-if="mainTitle || mainImageUrl || mainImageText " class="py-4" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
@@ -28,12 +28,14 @@
<h1 class="text-4xl font-bold text-center py-4 mb-4">{{ mainTitle }}</h1>
</div>
<div class="flex justify-center items-center">
<img
v-if="mainImageUrl"
:src="mainImageUrl"
alt="Image principale"
class="rounded-2xl max-w-full h-auto cursor-pointer"
class="rounded-2xl max-w-full h-auto cursor-pointer flex center"
@click="openFullscreen(mainImageUrl)"/>
</div>
<p v-if="mainImageText" class="text-lg text-justify pa-6">
{{ mainImageText }}