From f3589e607abd00bdce351e9c4689aa50678519bb Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 18 Jan 2025 02:23:22 -0500
Subject: [PATCH] Fixe maine image

---
 frontend/src/views/creators/CreatorHome.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/creators/CreatorHome.vue b/frontend/src/views/creators/CreatorHome.vue
index 9aac84d..ea54016 100644
--- a/frontend/src/views/creators/CreatorHome.vue
+++ b/frontend/src/views/creators/CreatorHome.vue
@@ -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 }}