style: 💄 update display securing pop-up

dnum-mi · Nov 17, 2023 · 09c7342 · 09c7342
1 parent 25d10ea
commit 09c7342
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 6 deletions.
diff --git a/frontend/src/utils/firearms-utils/epaule-a-verrou.ts b/frontend/src/utils/firearms-utils/epaule-a-verrou.ts
@@ -14,9 +14,6 @@ export const epaule_a_verrou = {
   text_steps: {
     1: 'Observer l’arme en l’orientant dans une <span class="font-bold">direction sans risque</span>, en manipulant avec précaution',
     2: 'Ouvrez la culasse en tirant le levier vers le haut puis en la tirant la culasse vers l’arrière',
-    3: 'Retourner l’arme et chercher la présence éventuelle de levier ou bouton devant le pontet en indiquant la présence d’un chargeur externe. Si tel est le cas, <span class="font-bold">extraire le chargeur</span> en appuyant ou en tirant sur ces derniers',
-    4: 'Si vous n’avez pas enlevé de chargeur, <span class="font-bold">vider le magasin des munitions</span> éventuelles en les faisant glisser vers l’avant à l’aide de votre pouce',
-    5: 'Contrôler visuellement la chambre',
   },
   video: epauleAVerrouVideo,
   guideFactice: {

diff --git a/frontend/src/utils/firearms-utils/semi-auto-style-militaire-autre.ts b/frontend/src/utils/firearms-utils/semi-auto-style-militaire-autre.ts
@@ -90,7 +90,6 @@ export const semi_auto_style_militaire_autre = {
         3: 'Appuyer sur le <span class="font-bold">bouton de verrouillage du chargeur</span> en bas de la poignée',
         4: 'Retirer le chargeur',
         5: 'Tirer le levier d’armement situé sur le dessus de l’arme vers l’arrière et <span class="font-bold">retirer la munition</span> éventuelle de la chambre',
-        6: '<span class="font-bold">Tout en maintenant le levier d’armement vers l’arrière</span>, contrôler visuellement que la chambre est vide',
       },
       img: semiAutoMilitairePistoletMitralleurImg,
       video: semiAutoMilitairePistoletMitralleurVideo,

diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringTutorialContent.vue b/frontend/src/views/GuideSecuringFirearm/SecuringTutorialContent.vue
@@ -179,9 +179,15 @@ const openNextAccordion = (currentIndex: number) => {
                 v-html="option"
               />
             </ul>
-            <div v-if="typology === `semi_auto_style_militaire_autre` && stepsStore.currentOptionStep['1'] === 'uzi'">
+            <div
+              v-if="typology === `semi_auto_style_militaire_autre` && stepsStore.currentOptionStep['1'] === 'uzi'"
+              class="mb-2"
+            >
               <PopupVideo />
             </div>
+            <p class="text-sm">
+              6. <span class="font-bold">Tout en maintenant le levier d’armement vers l’arrière</span>, contrôler visuellement que la chambre est vide
+            </p>
           </div>
           <div class="small-blank" />
           <AskingExpert />
@@ -210,9 +216,23 @@ const openNextAccordion = (currentIndex: number) => {
                 v-html="option"
               />
             </ul>
-            <div v-if="typology === 'epaule_a_verrou'">
+            <div
+              v-if="typology === 'epaule_a_verrou'"
+              class="text-sm mb-2"
+            >
               <PopupVideo />
             </div>
+            <div>
+              <p class="text-sm mb-2">
+                3. Retourner l’arme et chercher la présence éventuelle de levier ou bouton devant le pontet en indiquant la présence d’un chargeur externe. Si tel est le cas, <span class="font-bold">extraire le chargeur</span> en appuyant ou en tirant sur ces derniers<br>
+              </p>
+              <p class="text-sm mb-2">
+                4. Si vous n’avez pas enlevé de chargeur, <span class="font-bold">vider le magasin des munitions</span> éventuelles en les faisant glisser vers l’avant à l’aide de votre pouce<br>
+              </p>
+              <p class="text-sm mb-2">
+                5. Contrôler visuellement la chambre
+              </p>
+            </div>
           </div>
           <div class="small-blank" />
           <AskingExpert />