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

Ménage dans les photos ainsi que modification de CreatorFolio afin de faire le profile et l'ajout d'un menu temporaire pour le créateur de voir ses montants et transactions

Browse Source
This commit is contained in:
PascalMarchesseault
2024-03-14 00:45:21 -04:00
parent 5380626ec9
commit a1c5e10635
22 changed files with 191 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

192
src/views/main/CreatorFolio.vue
View File

@@ -57,16 +57,205 @@
<div style="margin-left: 10%;">Contenu</div>
</v-btn>
</RouterLink>
<v-container class="elevation-4"
style="margin-top: 25%; border-radius: 25px; height: 700px; background-color: #a40e79;">
<v-container style="font-size: 1.4rem; border-radius: 25px; height: 665px; background-color:#f4f4f4;">
<H1 style="margin-bottom: 10%; text-align: center; font-size: 2rem;">PORTEFEUILLE</H1>
<v-row>
<v-col cols="8">
<h1>Dons reçus :</h1>
</v-col>
<v-col>
0
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<h1>Argent reçu :</h1>
</v-col>
<v-col>
0$
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<h1>Argent retiré :</h1>
</v-col>
<v-col>
0$
</v-col>
</v-row>
<v-row>
<v-col cols="8">
<h1>Transaction # :</h1>
</v-col>
<v-col>
0
</v-col>
</v-row>
<v-row style="margin-bottom: 3%; margin-left: 3%;" align="center" justify="center">
<v-btn style="margin-right: 3%;" class="round-btn" @click="previous">
<v-icon>mdi-chevron-left</v-icon>
</v-btn>
<v-col>
<h1 style="text-align: center; margin-top: 7%;">Messages</h1>
</v-col>
<v-col>
<v-btn class="round-btn" @click="next">
<v-icon>mdi-chevron-right</v-icon>
</v-btn>
</v-col>
</v-row>
<v-container style="background-color: #a40e79; border-radius: 25px; height: 260px;">
<p
style="color: white; height: 260px; border-radius: 25px; text-align: justify; margin: 0% ;">
Tu es le meilleur
</p>
</v-container>
</v-container>
</v-container>
</v-container>
</v-col>
<!-- center menu -->
<v-col cols="7" class="mx-0">
<v-container>
<v-col>
<v-img src="../../../images/guillaume.png" class="image-profile elevation-4"
style="margin-left: 0%; width: 25%;"></v-img>
</v-col>
<v-row>
<v-col cols="2">
</v-col>
<v-col style="margin-top: -18%;">
<v-container
style="border-top: 4px solid #a40e79; border-right: 4px solid #a40e79; margin: 0; margin-left: -10%; background-color: #cc6f91;border-top-right-radius: 25px;">
<v-row>
<v-col cols="0">
</v-col>
<v-col cols="6">
<h1 style="margin-bottom: -1%; font-size: 2rem; color: white;">Guillaume Mousseau </h1>
</v-col>
<v-col cols="3">
<v-row>
<v-img style="margin-top: 3%; height: 50px;" src="../../../images/facebookicon.png"></v-img>
<v-img style="margin-top: 2%; height: 50px;" src="../../../images/instawhite.png"></v-img>
<v-img style="margin-top: 2%; height: 50px;" src="../../../images/xicon.png"></v-img>
<v-img style="margin-top: 2%; height: 50px;" src="../../../images/tiktok.png"></v-img>
</v-row>
</v-col>
</v-row>
</v-container>
<v-container
style="border-right: 4px solid #a40e79; margin: 0; margin-left: -10%; margin-bottom: -2%; background-color: #aedcde;">
<v-row>
<v-col cols="0">
</v-col>
<v-col cols="6">
<h1 style="margin-bottom: -5%; font-size: 2rem; color: white;">Créateur de contenus</h1>
</v-col>
<v-col cols="3">
<v-row>
<v-img style="margin-top: 3%; height: 50px;" src="../../../images/icons/messenger.png"></v-img>
<v-img style="margin-top: 2%; height: 50px;" src="../../../images/icons/bookmark.png"></v-img>
<v-img style="margin-top: 2%; height: 50px;" src="../../../images/icons/share.png"></v-img>
</v-row>
</v-col>
</v-row>
</v-container>
<v-container
style="border-right: 4px solid #a40e79; margin: 0; margin-left: -10%; background-color: #aedcde;border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;">
<v-row>
<v-col>
</v-col>
<v-col cols="10">
<v-expansion-panels>
<v-col cols="12" offset="-1">
<v-expansion-panel
style=" margin-left: 2%; font-size: 1.2rem; background-color: #0baab2; color: white;"
:key="i"
text="Ma mission est claire : mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
title="À propos"></v-expansion-panel>
</v-col>
</v-expansion-panels>
</v-col>
</v-row>
</v-container>
</v-col>
</v-row>
</v-container>
<v-card class="flow-menu m-0"
@@ -98,6 +287,7 @@
</iframe>
<p class="text-justify pa-10" style="margin-bottom: -3%; font-size: 1.2em">Ma mission est claire :
mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une
histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de
@@ -406,7 +596,7 @@ export default {
margin-left: 15%;
margin-top: -7%;
border: 10px solid white;
border: 4px solid white;
z-index: 9999;
}