adaptation du container

components/Layout/Container.vue

@@ -33,6 +33,6 @@ const overflow = ref(props.overflow);
 
 <style scoped>
 .container {
-  max-width: 1900px;
+  max-width: 1700px;
 }
 </style>

components/Logiciels/School/Fonctionnalites.vue

@@ -9,7 +9,7 @@
           </h4>
         </div>
         <div class="title-container">
-          <h4 class="title mt-6 ml-3">
+          <h4 class="title ml-6 mt-6">
             Des fonctionnalités adaptées à vos besoins
           </h4>
         </div>
@@ -17,10 +17,10 @@
           <v-col cols="12">
             <div class="d-flex justify-center align-center">
             <div class="carousel-button" @click="previousAction">
-              <i class="fas fa-chevron-left" />
+              <i class="fas fa-chevron-left" @click="previousAction"/>
             </div>
             <div class="carousel-button" @click="nextAction">
-              <i class="fas fa-chevron-right" />
+              <i class="fas fa-chevron-right" @click="nextAction"/>
             </div>
           </div>
           </v-col>
@@ -276,8 +276,8 @@ const cards = [
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 40px;
-  height: 40px;
+  width: 4rem;
+  height: 4rem;
   background-color: transparent;
   border: 2px solid #fff;
   cursor: pointer;
@@ -287,6 +287,7 @@ const cards = [
 
 .carousel-button i {
   color: #fff;
+  cursor: pointer;
 }
 .reviewer-name {
   font-family: "Barlow";

pages/index.vue

@@ -75,6 +75,6 @@ onMounted(() => {
   top: 25rem;
   z-index: 10;
   margin-bottom: -40rem;
-  margin-left: 12rem;
+  margin-right: 1rem;
 }
 </style>

pages/opentalent_artist.vue

@@ -63,11 +63,10 @@ onMounted(() => {
 <style scoped>
 #sticky-menu {
   position: sticky;
-  top: 10rem;
+  top: 25rem;
   z-index: 10;
-  right: 0;
-  margin-bottom: -25rem;
-  margin-left: 13rem;
+  margin-bottom: -40rem;
+  margin-right: 1rem;
 }
 </style>
 

pages/opentalent_manager.vue

@@ -68,11 +68,10 @@ onMounted(() => {
 <style scoped>
 #sticky-menu {
   position: sticky;
-  top: 10rem;
+  top: 25rem;
   z-index: 10;
-  right: 0;
-  margin-bottom: -30rem;
-  margin-left: 13rem;
+  margin-bottom: -40rem;
+  margin-right: 1rem;
 }
 </style>
 

pages/opentalent_school.vue

@@ -74,10 +74,9 @@ onMounted(() => {
 <style scoped>
 #sticky-menu {
   position: sticky;
-  top: 10rem;
+  top: 25rem;
   z-index: 10;
-  right: 0;
   margin-bottom: -40rem;
-  margin-left: 13rem;
+  margin-right: 1rem;
 }
 </style>