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