Merged PR 52: Mathieu Caron Profile

-Ajout d'un nouveau profil

src/router/index.js

@@ -17,6 +17,7 @@ import YourProfile from '../views/main/YourProfile.vue'
 import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
 import Hutopy from '../views/manualusers/HutopyProfile.vue'
 import Leffet from '../views/manualusers/LeffetProfile.vue'
+import MathieuCaron from '../views/manualusers/MathieuCaron.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -123,6 +124,12 @@ const router = createRouter({
       name: 'guillaumeaime',
       component: GuillaumeAime
     },
+
+    {
+      path: '/mathieucaron',
+      name: 'mathieucaron',
+      component: MathieuCaron
+    },
   ],
   scrollBehavior(to, from, savedPosition) {
     return { top: 0 };

src/views/PayementCompleted.vue

@@ -5,24 +5,20 @@
     <DefaultLayout></DefaultLayout>
     <v-container>
       <div class="margin-top-mobile">
-        <v-row style="margin-top: 8%; margin-bottom: 2%" class="d-flex justify-center align-center">
-          <v-col cols="12" xxl="3" xl="4" lg="6" md="7" sm="9"> <v-card class="custom-dialog"
+        <v-row style="margin-top: 4%; margin-bottom: 2%" class="d-flex justify-center align-center">
+          <v-col cols="12" xxl="4" xl="4" lg="5" md="7" sm="9"> <v-card class="custom-dialog"
               style="background-color: white;">
               <v-container>
                 <!-- Title Card -->
-                <v-card-text style="font-weight: 600; margin-top: 25px; margin-bottom: 25px; font-size: 2.5rem;"
+                <v-card-text style="font-weight: 600; margin-top: 20px; margin-bottom: 20px; font-size: 2rem;"
                   class="text-center">
                   Paiement complété
                 </v-card-text>
-
-                <v-text-field v-model="email" label="Email"></v-text-field>
-                <v-btn @click="getReceipt">Reçu</v-btn>
-
                 <v-row justify="center">
 
                   <!-- Icon Check -->
                   <v-col cols="12" class="text-center">
-                    <v-icon color=#a30e79 size="250">mdi-check-circle</v-icon>
+                    <v-icon color=#a30e79 size="150">mdi-check-circle</v-icon>
                   </v-col>
                 </v-row>
                 <!-- Informations -->
@@ -31,17 +27,23 @@
                     <v-card-text style="font-size: 1.2rem; text-align: center;">
                       Merci de supporter
                     </v-card-text>
-                    <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center;">
+                    <v-card-text style="font-weight: 600; font-size: 1.6rem; text-align: center; margin-bottom: 10px;">
                       {{ creatorName }}
                     </v-card-text>
                   </v-col>
                 </v-row>
                 <!-- Ok btn -->
                 <v-row>
+                  <v-row style="margin-left: 30px; margin-right: 30px; margin-bottom: 10px;">
+                    <v-text-field variant="underlined" style=" opacity: 0.80; margin-right: 10px;" v-model="email"
+                      label="Email"></v-text-field>
+                    <v-btn variant="plain" style="margin-top: 10px;" @click="getReceipt">Reçu</v-btn>
+                  </v-row>
                   <v-col cols="12">
+
                     <v-card-actions class="justify-center">
                       <v-btn color="white" outlined elevation="2"
-                        style="font-size: 2rem; width: 250px; height: 50px; margin-bottom: 25px; background-color: #a30e79;"
+                        style="font-size: 2rem; width: 175px; height: 45px; margin-bottom: 25px; background-color: #a30e79;"
                         @click="router.push({ path: `/${creatorUserName}` })">Ok</v-btn>
                     </v-card-actions>
                   </v-col>
@@ -66,9 +68,9 @@
 <script async setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
-import { useRouter } from 'vue-router';
 import { useClient } from '@/plugins/api.js';
-import {onBeforeMount, ref} from 'vue';
+import { onBeforeMount, ref } from 'vue';
+import { useRouter } from 'vue-router';
 const router = useRouter()
 const client = useClient();
 

src/views/UsersBrowser.vue

@@ -89,6 +89,14 @@ const profiles = ref([
         description: "Spécialiste en médias sociaux",
         imageUrl: '/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png',
         routerLink: 'chloebeaugrand'
+    },
+
+    {
+        id: 5,
+        name: "Mathieu Caron",
+        description: "Entrevue Atypique",
+        imageUrl: '/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png',
+        routerLink: 'mathieuCaron'
     }
 ]);
 </script>