various fixes

components/Common/Banner.vue

@@ -122,10 +122,10 @@ const props = defineProps({
 
 .logo-square {
   position: absolute;
-  bottom: 0.4rem;
+  bottom: 0;
   right: 13rem;
   width: 13rem;
-  height: 10rem;
+  height: 10.4rem;
 
   img {
     width: 100%;

components/Common/ReviewSection.vue

@@ -136,11 +136,17 @@ const goNext = () => {
     height: 100%;
   }
 
+  :deep(.v-card-item__content) {
+    display: flex;
+    flex-direction: column;
+  }
+
   .v-card-text {
     text-align: justify;
     min-height: 120px;
     overflow: auto;
     font-size: 0.9rem;
+    flex: 1;
   }
 
   footer {
@@ -195,8 +201,8 @@ const goNext = () => {
 .v-card {
   padding: 0 0.5rem;
   border-radius: 1rem;
-  min-height: 220px;
-  max-height: 250px;
+  min-height: 300px;
+  max-height: 300px;
   margin-top: 2rem;
   margin-bottom: 0.6rem;
 }

components/Home/Promotion.vue

@@ -96,9 +96,6 @@
 </template>
 
 <script setup lang="ts">
-import { useDisplay } from "vuetify";
-
-const { mdAndDown } = useDisplay();
 </script>
 
 <style scoped lang="scss">

components/JoinUs/Form.vue

@@ -51,17 +51,20 @@
           <v-file-input
             id="jobApplicationResume"
             v-model="resumeUpload"
-            :rules="[validateResume]"
+            :rules="[validateResume, validateFileSize]"
             label="Dépôt de CV*"
             accept=".pdf, .jpeg, .png"
+            show-size
             required
           />
 
           <v-file-input
             id="jobApplicationMotivationLetter"
             v-model="motivationLetterUpload"
+            :rules="[validateFileSize]"
             label="Dépôt de lettre de motivation"
             accept=".pdf, .jpeg, .png"
+            show-size
           />
 
           <v-textarea
@@ -86,7 +89,7 @@
 
       <v-card-actions class="justify-center">
         <v-btn
-          class="btn-more mb-4"
+          class="btn-more mb-4 submit"
           @click="submit"
         >
           Envoyer
@@ -124,6 +127,9 @@ const leftCars: ComputedRef<number> = computed(() =>
   maxMessageLength - (jobApplication.message ? jobApplication.message.length : 0)
 )
 
+// Taille maximum en Mo
+const maxFileSize = 5
+
 const validateName = (name: string | null) => !!name || "Le nom est obligatoire";
 
 const validateSurname = (surname: string | null) => !!surname || "Le prénom est obligatoire";
@@ -134,9 +140,16 @@ const validateEmail = (email: string | null) =>
 const validatePhone = (email: string | null) =>
   (!!email && /^((\+|00)33\s?|0)[1-7]([\s.]?\d{2}){4}$/.test(email)) || "Le numéro de téléphone doit être valide";
 
-const validateResume = (surname: string | null) =>
+const validateResume = () =>
   resumeUpload.value !== null && resumeUpload.value[0] !== null || "Vous devez joindre un CV à l'un des formats indiqués";
 
+const validateFileSize = () =>
+  resumeUpload.value !== null
+  && resumeUpload.value[0] !== null
+  //@ts-ignore
+  && resumeUpload.value[0].size < (maxFileSize * 1024 * 1024)
+  || "La taille du fichier ne doit pas dépasser " + maxFileSize + " Mo";
+
 const validateNonEmptyMessage = (message: string | null) =>
   (!!message && message.length > 0) ||
   "Le message ne peut pas être vide";
@@ -179,5 +192,13 @@ const submit = async () => {
 </script>
 
 <style scoped lang="scss">
-
+.submit {
+  width: 100%;
+  margin-bottom: 0 !important;
+  height: 55px;
+}
+
+.submit:hover {
+  background-color: var(--on-neutral-color-extra-light);
+}
 </style>

components/Layout/Footer/Footer.vue

@@ -60,7 +60,32 @@
             </v-row>
           </v-col>
 
-          <!-- Quatrième section : liens espace client (écrans larges seulement) -->
+          <!-- Quatrième section : A propos (écrans larges seulement) -->
+          <v-col v-if="mdAndUp" cols="2">
+            <v-row>
+              <h5>
+                A PROPOS
+              </h5>
+            </v-row>
+            <v-row>
+              <nuxt-link to="/qui-sommes-nous">
+                Qui sommes-nous
+              </nuxt-link>
+            </v-row>
+            <v-row>
+              <nuxt-link to="/nous-rejoindre">
+                Nous rejoindre
+              </nuxt-link
+              >
+            </v-row>
+            <v-row>
+              <nuxt-link to="/nous-contacter">
+                Nous contacter
+              </nuxt-link>
+            </v-row>
+          </v-col>
+
+          <!-- Cinquième section : liens espace client (écrans larges seulement) -->
           <v-col v-if="mdAndUp" cols="2">
             <v-row>
               <h5>
@@ -84,7 +109,7 @@
             </v-row>
           </v-col>
 
-          <!-- Cinquième section : liens réseaux sociaux (écrans larges seulement) -->
+          <!-- Sixième section : liens réseaux sociaux (écrans larges seulement) -->
           <v-col v-if="mdAndUp" cols="2">
             <v-row class="justify-center">
               <h5>
@@ -104,7 +129,7 @@
                 <nuxt-link
                   href="https://twitter.com/Opentalent_FRA"
                   target="_blank"
-                  class="fa-brands fa-square-twitter"
+                  class="fa-brands fa-square-x-twitter"
                 />
               </v-col>
               <v-col cols="2">

pages/opentalent_artist.vue

@@ -18,7 +18,6 @@
       image-alt="banner artist"
       square-text="Orchestres, chorales, compagnies de danse, de cirque et de théâtre"
       logo-src="/images/logo/logiciels/Artist-noir.png"
-      :logo-alt-theme="true"
     />
 
     <CommonMenuScroll :menus="menus" class="mb-6" />

pages/opentalent_manager.vue

@@ -22,7 +22,6 @@
       imageAlt="line"
       squareText="Fédérations, confédérations et collectivités"
       logoSrc="/images/logo/logiciels/Manager-noir.png"
-      :logo-alt-theme="true"
     />
 
     <CommonMenuScroll :menus="menus" class="mb-6" />