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

src/views/main/CreatorFolio.vue

@@ -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;
 
 }