correction navigation

components/Home/Caroussel.vue

@@ -11,7 +11,7 @@
       structure culturelle
     </h3>
 
-    <v-carousel
+    <!-- <v-carousel
       ref="carousel"
       v-model="activeIndex"
       :show-arrows="false"
@@ -21,6 +21,15 @@
       :touch="true"
       :cycle= true
       :interval= 5000
+    > -->
+    <v-carousel
+      ref="carousel"
+      v-model="activeIndex"
+      :show-arrows="false"
+      :class="smAndDown ? 'carousel-sm' : 'carousel'"
+      :hide-delimiter-background="true"
+      :show-delimiters="false"
+      :touch="true"
     >
       <v-carousel-item
         v-for="(item, index) in carouselItems"

components/Layout/Container.vue

@@ -1,17 +1,7 @@
 <template>
-  <v-container
-    class="container"
-    :style="overflow ? 'overflow: hidden;' : ''"
-  >
-    <v-row
-      justify="center"
-      align="center"
-    >
-      <v-col
-        cols="12"
-        sm="12"
-        md="12"
-      >
+  <v-container class="container">
+    <v-row justify="center" align="center">
+      <v-col cols="12" sm="12" md="12">
         <slot />
       </v-col>
     </v-row>
@@ -33,7 +23,7 @@ const overflow = ref(props.overflow);
 
 <style scoped>
 .container {
-  max-width: 1700px;
-  min-width: 1700px;
+  max-width: 100%;
+  min-width: 300px; /* une largeur minimale pour gérer les très petits appareils */
 }
 </style>

components/Layout/Navigation.vue

@@ -16,7 +16,7 @@
         <div class="colored-square"></div>
       </v-col>
       <!-- Menu Links -->
-      <v-col cols="5">
+      <v-col cols="6">
         <!-- Menu déroulant logiciels -->
         <v-menu open-on-hover>
           <template v-slot:activator="{ props }">
@@ -97,7 +97,7 @@
         </v-btn>
       </v-col> -->
 
-      <v-col cols="3" class="buttons-col">
+      <v-col cols="2" class="buttons-col">
         <nuxt-link to="https://admin.opentalent.fr/#/login/">
           <v-btn class="btn btn-common btn-login" text>
             <v-icon left class="fas fa-user mr-4"></v-icon> Se connecter<br />aux