jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Quick modification for homepage

Browse Source
This commit is contained in:
PascalMarchesseault
2025-01-18 02:15:35 -05:00
parent 5672e2786f
commit 04c9c94156
1 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend/src/views/creators/CreatorHome.vue
View File

@@ -7,7 +7,7 @@
class="px-4 py-2 rounded-md hover:opacity-90" class="px-4 py-2 rounded-md hover:opacity-90"
:style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }" :style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
> >
{{ isEditMode ? 'Enregistrer' : 'Éditer' }} {{ isEditMode ? 'Enregistrer' : 'Éditer la page' }}
</button> </button>
<button <button
@@ -20,11 +20,10 @@
</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 space-y-6">
:style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
<!-- Main image --> <!-- Main image -->
<div class="py-4"> <div v-if="mainTitle || mainImageUrl || mainImageText " class="py-4" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
<div v-if="mainTitle"> <div v-if="mainTitle">
<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>
@@ -42,7 +41,7 @@
</div> </div>
<!-- Main video --> <!-- Main video -->
<div :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }"> <div v-if="videoSubtitleMain || videoUrlMain || mainVideoText " :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }">
<h2 v-if="videoSubtitleMain" class="text-3xl font-semibold text-center py-6"> <h2 v-if="videoSubtitleMain" class="text-3xl font-semibold text-center py-6">
{{ videoSubtitleMain }} {{ videoSubtitleMain }}
</h2> </h2>
@@ -62,7 +61,7 @@
</div> </div>
<!-- Images --> <!-- Images -->
<div :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }"> <div v-if="imagesSubtitle || image1Url || image2Url || image3Url || image4Url || imagesText " :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
<div> <div>
<h2 v-if="imagesSubtitle" class="text-xl font-semibold text-center mb-6"> <h2 v-if="imagesSubtitle" class="text-xl font-semibold text-center mb-6">
{{ imagesSubtitle }} {{ imagesSubtitle }}
@@ -111,7 +110,7 @@
</div> </div>
<!--SecondVideo--> <!--SecondVideo-->
<div :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }"> <div v-if="videoSubtitle || videoUrl || videoText " :style="{ backgroundColor: brandingStore.colors.surface, color: brandingStore.colors.onSurface }">
<h2 v-if="videoSubtitle" class="text-xl font-semibold text-center py-6"> <h2 v-if="videoSubtitle" class="text-xl font-semibold text-center py-6">
{{ videoSubtitle }} {{ videoSubtitle }}
</h2> </h2>
@@ -133,9 +132,8 @@
</p> </p>
</div> </div>
<!-- Contact Info--> <!-- Contact Info-->
<div class="mb-6" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }"> <div v-if="editablePhoneNumber || editableEmail" class="mb-6" :style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
<!-- mobile--> <!-- mobile-->
<div v-if="smAndDown"> <div v-if="smAndDown">
<div class="flex flex-col space-y-10 justify-center items-center"> <div class="flex flex-col space-y-10 justify-center items-center">