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> </div>
<!-- MainPage --> <!-- 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 --> <!-- Main image -->
<div v-if="mainTitle || mainImageUrl || mainImageText " class="py-4" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }"> <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> <h1 class="text-4xl font-bold text-center py-4 mb-4">{{ mainTitle }}</h1>
</div> </div>
<div class="flex justify-center items-center">
<img <img
v-if="mainImageUrl" v-if="mainImageUrl"
:src="mainImageUrl" :src="mainImageUrl"
alt="Image principale" 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)"/> @click="openFullscreen(mainImageUrl)"/>
</div>
<p v-if="mainImageText" class="text-lg text-justify pa-6"> <p v-if="mainImageText" class="text-lg text-justify pa-6">
{{ mainImageText }} {{ mainImageText }}