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"
:style="{ backgroundColor: brandingStore.colors.secondary, color: brandingStore.colors.onSecondary }"
>
{{ isEditMode ? 'Enregistrer' : 'Éditer' }}
{{ isEditMode ? 'Enregistrer' : 'Éditer la page' }}
</button>
<button
@@ -20,11 +20,10 @@
</div>
<!-- MainPage -->
<div v-if="!isEditMode" class="rounded-2xl flex flex-col space-y-6"
:style="{ backgroundColor: brandingStore.colors.primary, color: brandingStore.colors.onPrimary }">
<div v-if="!isEditMode" class="rounded-2xl flex flex-col space-y-6">
<!-- 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">
<h1 class="text-4xl font-bold text-center py-4 mb-4">{{ mainTitle }}</h1>
</div>
@@ -42,7 +41,7 @@
</div>
<!-- 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">
{{ videoSubtitleMain }}
</h2>
@@ -62,7 +61,7 @@
</div>
<!-- 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>
<h2 v-if="imagesSubtitle" class="text-xl font-semibold text-center mb-6">
{{ imagesSubtitle }}
@@ -111,7 +110,7 @@
</div>
<!--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">
{{ videoSubtitle }}
</h2>
@@ -133,9 +132,8 @@
</p>
</div>
<!-- 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-->
<div v-if="smAndDown">
<div class="flex flex-col space-y-10 justify-center items-center">