fix graphique et page "nous rejoindre"

components/JoinUs/MissionDetail.vue

@@ -33,7 +33,7 @@
               <v-row>
                 <div>
                   Type de contrat :
-                  <b>{{ job.contractType }} </b>
+                  <b>{{ $t(job.contractType) }} </b>
                 </div>
               </v-row>
 

components/JoinUs/Missions.client.vue

@@ -14,7 +14,7 @@
     >
       <div class="title-container">
         <NuxtLink :to="`/nous-rejoindre/${job.id}`" class="title">
-          {{ job.title }} - {{ job.contractType }}
+          {{ job.title }} - {{ $t(job.contractType) }}
 
           <v-icon v-if="job.featured" class="star fas fa-star" />
         </NuxtLink>
@@ -97,7 +97,7 @@ const { fetchCollection } = useEntityFetch()
 const page: Ref<number> = ref(1)
 
 const query: ComputedRef<AnyJson> = computed(() => {
-  return { type: 'ENTREPRISE', page: page.value }
+  return { type: 'BUSINESS', page: page.value }
 })
 
 const {

components/Layout/Navigation/Lg.vue

@@ -79,6 +79,7 @@ defineProps({
 }
 
 .navigation-lg {
+  margin-top: 0 !important;
   display: flex;
   align-items: center;
   background-color: var(--neutral-color);

components/Layout/UI/TitlePage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="'mb-4' + mdAndDown ? ' mt-12' : ''">
+  <div :class="'mb-4' + mdAndDown ? ' mt-8' : ''">
     <h1>
       <slot />
     </h1>
@@ -31,9 +31,9 @@ h1 {
 }
 
 h2 {
-  font-size: 1.5rem;
+  font-size: 1.8rem;
   line-height: 2rem;
-  letter-spacing: 0.2rem;
+  letter-spacing: 0.4rem;
   margin-left: 1rem;
   margin-right: 1rem;
 }

lang/fr.json

@@ -1,2 +1,10 @@
 {
+  "PERMANENT": "CDI",
+  "FIXED_TERM": "CDD",
+  "HOLDER": "Titulaire",
+  "INTERNSHIP": "Stage",
+  "REPLACEMENT": "Remplacement",
+  "TEMPORARY": "Vacataire",
+  "INTERIM": "Intermittent",
+  "OTHER": "Autre"
 }