correction navigation

components/Home/Caroussel.vue

@@ -251,9 +251,6 @@ const carouselItems = ref([
   border-radius: 200px 0px 0px 15rem;
   z-index: -1;
 }
-.align-start {
-  align-items: flex-start;
-}
 
 .carousel-sm {
   height: 44rem !important;
@@ -267,10 +264,9 @@ const carouselItems = ref([
   margin-bottom: -2rem;
 }
 .logo-school {
-  max-width: 30vw;
+  max-width: 25vw;
   height: 25vh;
   margin-top: 10px;
-  margin-bottom: 2vh;
 }
 
 .image {
@@ -288,7 +284,7 @@ const carouselItems = ref([
 .description {
   text-align: left;
   margin-right: 9vw;
-  margin-left: 7vw;
+  margin-left: 2vw;
   width: 25vw;
   margin-bottom: 1rem;
 }
@@ -326,37 +322,20 @@ const carouselItems = ref([
 
 .btn-school {
   background: rgba(32, 147, 190, 0.4);
-  border-radius: 0.5rem;
-  margin-left: 7vw;
-  padding: 25px;
-  gap: 9px;
-  font-weight: 700;
-  font-size: .9rem;
-  line-height: 15px;
-  width: 10rem;
-  height: 4rem;
-  font-family: "Barlow";
-  font-style: normal;
 }
 
 .btn-artist {
   background: rgba(250, 194, 10, 0.4);
-  border-radius: 0.5rem;
-  margin-left: 7vw;
-  padding: 25px;
-  gap: 9px;
-  font-weight: 700;
-  font-size: .9rem;
-  line-height: 15px;
-  height: 4rem;
-  font-family: "Barlow";
-  font-style: normal;
 }
 
 .btn-manager {
   background: rgba(216, 5, 11, 0.4);
+
+}
+
+.btn-school, .btn-artist, .btn-manager{
   border-radius: 0.5rem;
-  margin-left: 7vw;
+  margin-left: 2vw;
   padding: 25px;
   gap: 9px;
   font-weight: 700;
@@ -367,4 +346,5 @@ const carouselItems = ref([
   font-family: "Barlow";
   font-style: normal;
 }
+
 </style>

components/Home/Solution.vue

@@ -161,73 +161,73 @@
 import { ref, onMounted } from "vue";
 import { Carousel, Slide } from "vue3-carousel";
 import "vue3-carousel/dist/carousel.css";
-import { useDisplay } from "vuetify";
-const { smAndDown } = useDisplay();
-
-const carousel = ref(null);
-
-const goPrevious = () => {
-  carousel.value.prev();
-};
-
-const goNext = () => {
-  carousel.value.next();
-};
-const solutions = [
-  {
-    name: "Artist",
-    description: "Orchestres, chorales, compagnies de danse, théâtre et cirque",
-    image: "/images/OpenTalent_LogoNoir_Jaune_white.png",
-    link: "/logiciels/artist",
-    class: "artist-image",
-    solutions: [
-      "Gestion des membres",
-      "Agenda de la structure",
-      "Matériel & médiathèque",
-      "Export de données",
-      "Communication",
-      "Statistiques",
-      "Site internet intégré",
-      "Partage de données en réseau",
-    ],
-  },
-  {
-    name: "School",
-    description: "Petits et grands établissements d'enseignement artistique",
-    image: "/images/logo_school_white.png",
-    link: "/logiciels/school",
-    class: "school-image",
-    solutions: [
-      "Gestion des membres",
-      "Préinscription en ligne*",
-      "Agenda de la structure",
-      "Suivi pédagogique",
-      "Gestion administrative et financière",
-      "Communication",
-      "Site internet intégré",
-      "Statistiques",
-    ],
-  },
-  {
-    name: "Manager",
-    description: "Fédérations, confédérations et collectivités",
-    image: "/images/OpenTalent_LogoNoir_rouge_manager_white.png",
-    link: "/logiciels/manager",
-    class: "manager-image",
-    solutions: [
-      "Gestion des personnes",
-      "Agenda",
-      "Suivi pédagogique",
-      "Règlements",
-      "Communication",
-      "Site internet intégré",
-      "Statistiques du réseau",
-    ],
-  },
-];
-onMounted(() => {
-  setTimeout(() => goNext(), 0);
-});
+// import { useDisplay } from "vuetify";
+// const { smAndDown } = useDisplay();
+
+// const carousel = ref(null);
+
+// const goPrevious = () => {
+//   carousel.value.prev();
+// };
+
+// const goNext = () => {
+//   carousel.value.next();
+// };
+// const solutions = [
+//   {
+//     name: "Artist",
+//     description: "Orchestres, chorales, compagnies de danse, théâtre et cirque",
+//     image: "/images/OpenTalent_LogoNoir_Jaune_white.png",
+//     link: "/logiciels/artist",
+//     class: "artist-image",
+//     solutions: [
+//       "Gestion des membres",
+//       "Agenda de la structure",
+//       "Matériel & médiathèque",
+//       "Export de données",
+//       "Communication",
+//       "Statistiques",
+//       "Site internet intégré",
+//       "Partage de données en réseau",
+//     ],
+//   },
+//   {
+//     name: "School",
+//     description: "Petits et grands établissements d'enseignement artistique",
+//     image: "/images/logo_school_white.png",
+//     link: "/logiciels/school",
+//     class: "school-image",
+//     solutions: [
+//       "Gestion des membres",
+//       "Préinscription en ligne*",
+//       "Agenda de la structure",
+//       "Suivi pédagogique",
+//       "Gestion administrative et financière",
+//       "Communication",
+//       "Site internet intégré",
+//       "Statistiques",
+//     ],
+//   },
+//   {
+//     name: "Manager",
+//     description: "Fédérations, confédérations et collectivités",
+//     image: "/images/OpenTalent_LogoNoir_rouge_manager_white.png",
+//     link: "/logiciels/manager",
+//     class: "manager-image",
+//     solutions: [
+//       "Gestion des personnes",
+//       "Agenda",
+//       "Suivi pédagogique",
+//       "Règlements",
+//       "Communication",
+//       "Site internet intégré",
+//       "Statistiques du réseau",
+//     ],
+//   },
+// ];
+// onMounted(() => {
+//   setTimeout(() => goNext(), 0);
+// });
 </script>
 
 <style scoped>

components/Layout/Container.vue

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

components/Layout/Navigation.vue

@@ -15,12 +15,8 @@
       <v-col v-if="mdAndDown" cols="3">
         <div class="colored-square"></div>
       </v-col>
-
-      <div justify="space-between">
-
-      </div>
       <!-- Menu Links -->
-      <v-col v-if="!mdAndDown" cols="5">
+      <v-col cols="6">
         <!-- Menu déroulant logiciels -->
         <v-menu open-on-hover>
           <template v-slot:activator="{ props }">
@@ -101,7 +97,7 @@
         </v-btn>
       </v-col> -->
 
-      <v-col cols="4" class="buttons-col">
+      <v-col cols="3" 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
@@ -244,7 +240,6 @@ const aboutLinks = ref([
   align-items: center;
   padding: 25px;
   border-radius: 6px;
-  margin-left: 15rem;
   font-family: "Barlow";
   font-style: normal;
   font-weight: 700;

components/Layout/UI/StickyMenu.vue

@@ -1,4 +1,6 @@
+
 <template>
+  <LayoutContainer>
   <div :class="stickyClass" >
     <v-row class="outil-row" justify="end">
       <v-col cols="3">
@@ -13,6 +15,7 @@
       </v-col>
     </v-row>
   </div>
+</LayoutContainer>
 </template>
 
 <script setup lang="ts">
@@ -33,7 +36,7 @@ const squares = ref(props.squaresData);
 .container-square {
   display: flex;
   flex-direction: column;
-  justify-content: space between;
+  justify-content: space-between;
   color: white;
   font-weight: 500;
   font-size: 0.7rem;
@@ -47,14 +50,13 @@ const squares = ref(props.squaresData);
 .yellow-square,
 .blue-square,
 .darkblue-square {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  position: relative;
   font-family: "Barlow";
   width: 10rem;
   height: 7rem;
   margin-left: 14rem;
   padding: 1rem;
+
 }
 
 .yellow-square {
@@ -77,25 +79,8 @@ const squares = ref(props.squaresData);
 .text-square {
   margin: 0.5rem 2rem;
 }
-
-.icon {
-  margin-right: 1rem;
-}
-
-.icon-logiciel {
-  color: rgba(32, 147, 190);
-  margin-right: 1rem;
-}
-
 .outil-row {
   margin: 5rem 0;
 }
 
-#sticky-menu {
-  position: sticky;
-  top: 10rem;
-  z-index: 10;
-  right: 0;
-  margin-bottom: -40rem;
-}
 </style>

components/Logiciels/Artist/Fonctionnalites.vue

@@ -336,10 +336,8 @@ const cards = [
 
 .v-card {
   border-radius: 1rem;
-  min-height: 20rem;
-  max-height: 20rem;
-  min-width: 20rem;
-  max-width: 20rem;
+  min-height: 25rem;
+  max-height: 25rem;
 }
 
 .card-container {

components/Logiciels/Manager/Fonctionnalites.vue

@@ -335,10 +335,8 @@ const cards = [
 
 .v-card {
   border-radius: 1rem;
-  min-height: 20rem;
-  max-height: 20rem;
-  min-width: 20rem;
-  max-width: 20rem;
+  min-height: 25rem;
+  max-height: 25rem;
 }
 
 .card-container {

components/Logiciels/School/Fonctionnalites.vue

@@ -363,10 +363,8 @@ const cards = [
 
 .v-card {
   border-radius: 1rem;
-  min-height: 20rem;
-  max-height: 20rem;
-  min-width: 20rem;
-  max-width: 20rem;
+  min-height: 25rem;
+  max-height: 25rem;
 }
 
 .card-container {

components/Logiciels/School/MenuScroll.vue

@@ -36,8 +36,7 @@ const refs = reactive({
   Comparatif: null,
   contact: null,
   Temoignages: null,
-  formations: null,
-  Aide: null
+  formations: null
 });
 
 const isSticky = ref(false);
@@ -86,8 +85,7 @@ const menus = [
   { label: "Comparatif" },
   { label: "contact" },
   { label: "formations" },
-  { label: "Temoignages" },
-  { label: "Aide" },
+  { label: "Temoignages" }
 ];
 
 const activeMenu = ref(menus[0].label);

components/Logiciels/School/Presentation.vue

@@ -322,7 +322,6 @@
   margin-left: 5rem;
 }
 .outil-row {
-  margin-top: 5rem;
   margin-bottom: 5rem;
 }
 .darkblue-square {

pages/index.vue

@@ -9,7 +9,7 @@
   <HomeCaroussel />
   
   <HomePromotion />
-  <HomeSolution />
+  <!-- <HomeSolution /> -->
   <HomeEventAgenda />
   <HomeBesoin />
   <HomeReviews />
@@ -73,8 +73,8 @@ onMounted(() => {
 #sticky-menu {
   position: sticky;
   top: 25rem;
+  left: 0;
   z-index: 10;
   margin-bottom: -40rem;
-  margin-right: 1rem;
 }
 </style>

pages/opentalent_artist.vue

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

pages/opentalent_manager.vue

@@ -70,7 +70,7 @@ onMounted(() => {
   position: sticky;
   top: 25rem;
   z-index: 10;
-  margin-bottom: -40rem;
+  margin-bottom: -35rem;
   margin-right: 1rem;
 }
 </style>

pages/opentalent_school.vue

@@ -76,7 +76,7 @@ onMounted(() => {
   position: sticky;
   top: 25rem;
   z-index: 10;
-  margin-bottom: -40rem;
+  margin-bottom: -35rem;
   margin-right: 1rem;
 }
 </style>