Fixe maine image
This commit is contained in:
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user