correction v3

components/Home/Help.vue

@@ -8,19 +8,19 @@
           </v-col>
 
           <v-col cols="6">
-            <h4 class="subtitle-team">
+            <h4 class="subtitle-team ml-10">
               Notre équipe est <br />
               à vos côtés pour vous guider
             </h4>
 
-            <p class="need-help">
+            <p class="need-help  ml-10">
               Besoin d’aide ? <br />
               Vous souhaitez en savoir plus sur nos solutions ou vous avez
               besoin d'assistance sur l'utilisation de l'un de nos logiciels ?
             </p>
 
             <v-row>
-              <ul class="details">
+              <ul class="details  ml-10">
                 <li class="detail-item">
                   Ouvert du lundi au vendredi de 8h15 à 17h45
                 </li>
@@ -31,7 +31,7 @@
               </ul>
             </v-row>
 
-            <v-row class="row-faq">
+            <v-row class="row-faq  ml-10">
               <a href="https://ressources.opentalent.fr/" target="_blank">
                 <v-btn class="button-faq">Consulter la FAQ</v-btn>
               </a>

components/Home/Solution.vue

@@ -19,7 +19,6 @@
         class="col-info"
       >
         <v-container>
-          <div class="solution-content">
             <small class="opentalent-small">Opentalent</small>
             <h2 class="logiciel-name">
               {{ solution.name }}
@@ -68,7 +67,6 @@
                 
               </div>
             </v-row>
-          </div>
         </v-container>
       </v-col>
     </v-row>
@@ -156,14 +154,6 @@ onMounted(() => {
   margin-right: auto;
   margin-left: auto;
 }
-.solution-content {
-  margin-top: 2rem;
-  margin-left: 1rem;
-  margin-right: 1rem;
-  width: 20rem;
-  height: 40rem;
-  border-radius: 10px;
-}
 
 .list-container {
   display: flex;

components/Layout/UI/Banner.vue

@@ -143,7 +143,8 @@ const props = defineProps({
 
 .cover-image {
   width: 100%;
-  height: 30rem;
+  min-height: 400px;
+  max-height: 400px;
   object-fit: cover;
   object-position: center 20%; 
   transition: transform 0.2s;

components/Logiciels/Manager/Banner.vue

@@ -28,12 +28,6 @@
 
 
 :deep().cover-image {
-  width: 100%;
-  height: 25rem;
-  object-fit: cover;
-  object-position: center 30% !important;; 
-  transition: transform 0.2s;
-  margin: 0 auto;
-  transform: scaleX(-1);
+  object-position: center 40% !important;
 }
 </style>

components/Logiciels/School/Banner.vue

@@ -30,52 +30,8 @@
   padding-right: 0;
 }
 
-.container-title {
-  display: flex;
-  justify-content: space-around;
-  line-height: 16px;
-  display: flex;
-  align-items: center;
-  text-align: center;
-  letter-spacing: 0.18em;
-  border-bottom: 0.1rem solid #eaeaea;
-}
-
-.text-left {
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 600;
-  font-size: 3rem;
-  line-height: 85px;
-  color: #000000;
-  opacity: 0.1;
-  margin-top: 2rem;
-  margin-left: 5rem;
-}
-.text-right {
-  margin-top: 2rem;
-  font-family: "Barlow";
-  font-style: normal;
-  font-weight: 600;
-  font-size: 3rem;
-  line-height: 85px;
-  text-align: center;
-  color: #000000;
-  text-align: right;
-  opacity: 0.1;
-  margin-right: 5rem;
-}
-
-
-.logiciel {
-  font-family: "Barlow";
-  font-style: normal;
-  font-size: 3rem;
-  line-height: 85px;
-  text-align: center;
-  color: #000000;
-  margin-left: 6rem;
-  margin-right: 4rem;
+:deep().cover-image {
+  object-position: center 40% !important;
 }
 
 </style>