Ver código fonte

correcton test1

Maha Bouchiba 2 anos atrás
pai
commit
7241551a44

+ 4 - 3
components/Layout/UI/Presentation.vue

@@ -43,7 +43,7 @@
               {{ item }}
             </li>
           </ul>
-          <h2 class="mt-12 ml-12 presentation-caracteristique">
+          <h2 class="mt-12 ml-6 presentation-caracteristique">
             {{ presentationText.characteristicsTitle }}
           </h2>
           <div class="row-custom">
@@ -220,8 +220,9 @@ onMounted(() => {
   font-size: 0.9rem;
   margin-top: -3rem;
   text-align: center;
-  margin-right: 2rem;
-  margin-left: 2rem;
+  width: 50%;
+  margin-right: auto;
+  margin-left: auto;
 }
 .picto-container {
   display: flex;

+ 14 - 4
components/Logiciels/Artist/Formations.vue

@@ -12,12 +12,15 @@
           />
         </v-row>
 
-        <v-row class="mt-12">
-          <v-col cols="4">
+        <v-container>
+          <v-row class="mt-12" no-gutters>
+          <v-col cols="12" lg="6" md="6" sm="6"
+          >
             <div class="reunion-img"></div>
           </v-col>
 
-          <v-col cols="6">
+          <v-col cols="12" lg="6" md="6" sm="6"
+          >
             <h3 class="formation-title">
               Webinaire de découverte - Nouveaux utilisateurs
             </h3>
@@ -37,6 +40,8 @@
           </nuxt-link>
           </v-col>
         </v-row>
+        </v-container>
+  
       </div>
       <v-row>
             <LayoutUISubTitle
@@ -93,6 +98,12 @@ const items = ref([
 </script>
 
 <style scoped>
+
+.v-row{
+  max-width: 1600px;
+  margin-right: auto;
+  margin-left: auto;
+}
 .carousel-button i {
   color: black;
 }
@@ -164,7 +175,6 @@ const items = ref([
   margin-bottom: 3rem;
 }
 .reunion-img {
-  margin-left: 3rem;
   width: 600px;
   height: 500px;
   background-position: center;

+ 0 - 2
components/Logiciels/Artist/Reviews.vue

@@ -185,8 +185,6 @@ const cards = [
   border-radius: 1rem;
   min-height: 25rem;
   max-height: 25rem;
-  min-width: 25rem;
-  max-width: 25rem;
   margin-top: 2rem;
   margin-bottom: 2rem;
 }

+ 0 - 2
components/Logiciels/Manager/Reviews.vue

@@ -185,8 +185,6 @@ const cards = [
   border-radius: 1rem;
   min-height: 25rem;
   max-height: 25rem;
-  min-width: 25rem;
-  max-width: 25rem;
   margin-top: 2rem;
   margin-bottom: 2rem;
 }

+ 0 - 2
components/Logiciels/School/Reviews.vue

@@ -179,8 +179,6 @@ const cards = [
   border-radius: 1rem;
   min-height: 25rem;
   max-height: 25rem;
-  min-width: 25rem;
-  max-width: 25rem;
   margin-top: 2rem;
   margin-bottom: 2rem;
 }