style: 💄 refactor css

dnum-mi · May 21, 2024 · be92479 · be92479
1 parent ee3a193
commit be92479
Show file tree

Hide file tree

Showing 7 changed files with 1 addition and 79 deletions.
diff --git a/frontend/src/views/GuideIdentificationFirearm/IdentificationSelectAmmo.vue b/frontend/src/views/GuideIdentificationFirearm/IdentificationSelectAmmo.vue
@@ -218,19 +218,6 @@ type HasGuideFactice = typeof epaule_a_verrou | typeof pistolet_semi_auto_modern
   max-width: 95%;
 }
 
-.instructions {
-  padding-bottom: .5em;
-}
-
-.transparent-mag {
-  width: 50%;
-  padding: 1rem;
-}
-
-.open-info {
-  justify-content: end;
-}
-
 .warning {
   cursor: pointer;
 }

diff --git a/frontend/src/views/GuideSecuringFirearm/GuideSecuringFirearm.vue b/frontend/src/views/GuideSecuringFirearm/GuideSecuringFirearm.vue
@@ -67,12 +67,6 @@ const getNextRoute = () => {
   max-width: 1000px;
 }
 
-.go-result {
-  font-size: 0.9em;
-  color: #080894;
-  background-image: none !important;
-}
-
 h4 {
   color: unset;
 }

diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringIntroduction.vue b/frontend/src/views/GuideSecuringFirearm/SecuringIntroduction.vue
@@ -11,7 +11,6 @@
       >
     </div>
   </div>
-  <!-- Vous allez recevoir des <span class="font-bold">instructions</span> pour <span class="font-bold">extraire des munitions</span> de l’arme. -->
 </template>
 
 <style scoped>

diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringRecommendations.vue b/frontend/src/views/GuideSecuringFirearm/SecuringRecommendations.vue
@@ -30,7 +30,7 @@ import { isUserUsingCrosscall } from '@/utils/isUserUsingCrosscall'
       <img
         src="@/assets/guide-mise-en-securite/icones/take-care.jpg"
         alt="alt"
-        class="img-deco take-care"
+        class="take-care"
       >
     </div>
   </div>

diff --git a/frontend/src/views/GuideSecuringFirearm/SecuringSelectOptionContent.vue b/frontend/src/views/GuideSecuringFirearm/SecuringSelectOptionContent.vue
@@ -100,12 +100,6 @@ const backTo = computed(() => {
       <h3 class="text-center my-auto">
         Choix du type d'arme
       </h3>
-      <div class="instructions">
-        <!-- <p
-          class="leading-7 mt-3"
-          v-html="typology !== 'revolver' ? resultTree[typology]?.options_text : resultTree[typology]?.[`options_step_${step}_text`]"
-        /> -->
-      </div>
       <div
         v-if="resultTree[typology]?.[`options_step_${step}_video`]"
       >
@@ -124,10 +118,6 @@ const backTo = computed(() => {
             />
             <span class="absolute -bottom-1.5rem right-0 text-sm">Environ 30 sec</span>
           </div>
-          <!-- <p
-            class="manipulations -mt-2 p-6"
-            v-html="resultTree[typology]?.[`options_step_${step}_video_caption`]"
-          /> -->
 
           <div class="manipulations -mx-8 p-8">
             <ol class="list text-sm">
@@ -257,9 +247,6 @@ const backTo = computed(() => {
   max-width: 100%;
   width: 100%;
 }
-.instructions {
-  padding-bottom: .5em;
-}
 .footer button {
 width: 50%;
 }

diff --git a/frontend/src/views/HomePage.vue b/frontend/src/views/HomePage.vue
@@ -5,32 +5,6 @@
 </template>
 
 <style scoped>
-.homepage {
-  width: 100%;
-  height: 100%;
-  position: static;
-}
-
-.homepage-content {
-  width: 75%;
-  margin: 1rem auto;
-  text-align: center;
-}
-
-.homepage-ul {
-  list-style-position: inside;
-  text-indent: -1em;
-  padding-left: 1em;
-  display: inline-block;
-  text-align: left;
-  max-width: 700px;
-  margin-bottom: 12px !important;
-}
-
-.homepage-green-highlight {
-  font-weight: bold;
-  color: #00c7c8;
-}
 
 #agree-button {
   display: block;

diff --git a/frontend/src/views/InstructionsPage.vue b/frontend/src/views/InstructionsPage.vue
@@ -181,25 +181,6 @@ function onFileSelected (event: InputEvent & { target: InputEvent['target'] & {
   margin: -.5rem 0 0 0;
 }
 
-:deep(.fr-notice) {
-  margin-top: 1.5rem;
-}
-
-:deep(.fr-notice__body) {
-  padding: 0 .5rem 0 2.5rem;
-}
-
-:deep(.fr-notice__title) {
-  color: var(--text-default-info);
-  font-size: 1.1rem;
-}
-
-img {
-  max-width: 100%;
-  max-height: 200px;
-  padding: 0 0.5rem;
-}
-
 /* upload loading dots */
 .loading {
   color: var(--blue-france-sun-113-625);