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

Better CreatorHome

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-02-13 02:59:33 -05:00
parent e5d362fbe3
commit a8cf377da2
1 changed files with 20 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
<template> <template>
<div v-if="creatorProfileStore.creator?.id === brandingStore.value.id" <div v-if="creatorProfileStore.creator?.id === brandingStore.value.id"
class="flex justify-end space-x-2 mb-5 pa-1"> class="flex justify-end space-x-2 mb-5 p-4">
<!-- Bouton principal : Éditer ou Enregistrer --> <!-- Bouton principal : Éditer ou Enregistrer -->
<button <button
@@ -24,14 +24,14 @@
<!-- MainPage --> <!-- MainPage -->
<div class="flex flex-col mx-auto px-6"> <div class="flex flex-col mx-auto px-6">
<h1 class="flex justify-start text-2xl font-bold text-center mb-4">Qui sommes-nous</h1> <h1 class="flex justify-start text-2xl font-bold text-center mb-4">Qui sommes-nous</h1>
<div> <div>
<!-- Main image Bloc D'information--> <!-- Main image Bloc D'information-->
<div class="py-4"> <div class="py-4">
<div v-if="!isEditMode"> <div v-if="!isEditMode">
<p v-if="mainImageText "> <p v-if="mainImageText" class="text-lg text-justify">
{{ mainImageText }} {{ mainImageText }}
</p> </p>
</div> </div>
@@ -67,7 +67,7 @@
</h2> </h2>
<div v-if="!isEditMode"> <div v-if="!isEditMode">
<p v-if="mainVideoText"> <p v-if="mainVideoText" class="text-lg text-justify">
{{ mainVideoText }} {{ mainVideoText }}
</p> </p>
</div> </div>
@@ -105,7 +105,7 @@
</v-textarea> </v-textarea>
<div v-if="!isEditMode"> <div v-if="!isEditMode">
<p v-if="imagesText "> <p v-if="imagesText" class="text-lg text-justify">
{{ imagesText }} {{ imagesText }}
</p> </p>
</div> </div>
@@ -262,46 +262,23 @@
</div> </div>
<!-- Contact Info--> <!-- Contact Info-->
<div v-if="!isEditMode"> <div v-if="!isEditMode && phoneNumber || email">
<div v-if="phoneNumber || email" class="mb-6">
<!-- mobile-->
<div v-if="smAndDown">
<div class="flex flex-col space-y-10 mt-12 justify-center items-center">
<!-- Affichage du téléphone -->
<div v-if="phoneNumber" class="flex items-center space-x-2">
<i class="mdi mdi-phone-outline text-2xl"></i>
<span>{{ phoneNumber }}</span>
</div>
<!-- Affichage de l'email -->
<div v-if="email" class="flex items-center space-x-2">
<i class="mdi mdi-email-outline text-2xl"></i>
<a
:href="`mailto:${email}`"
class="no-underline text-current"
>
{{ email }}
</a>
</div>
</div>
</div>
<!--pc-->
<div v-if="!smAndDown">
<div class="flex space-x-4 space-y-4 mt-5 justify-center items-center w-full">
<!-- Affichage du téléphone -->
<div v-if="phoneNumber" class="flex items-center space-x-2 w-1/2 justify-start">
<i class="mdi mdi-phone-outline text-2xl"></i>
<span>{{ phoneNumber }}</span>
</div>
<!-- Affichage de l'email --> <div class="my-10 flex flex-row">
<div v-if="email" class="flex items-center space-x-2 w-1/2 justify-center">
<i class="mdi mdi-email-outline text-2xl"></i> <div v-if="phoneNumber" class="flex items-center space-x-2 w-1/2 justify-center">
<a :href="`mailto:${email}`" class="no-underline text-current"> <i class="mdi mdi-phone-outline text-2xl"></i>
{{ email }} <span>{{ phoneNumber }}</span>
</a>
</div>
</div>
</div> </div>
<!-- Affichage de l'email -->
<div v-if="email" class="flex items-center space-x-2 w-1/2 justify-center">
<i class="mdi mdi-email-outline text-2xl"></i>
<a :href="`mailto:${email}`" class="no-underline text-current">
{{ email }}
</a>
</div>
</div> </div>
</div> </div>
</div> </div>