Update QuickyContentEditor.vue

src/views/contents/QuickyContentEditor.vue

@@ -65,7 +65,7 @@
           <img
               v-if="carouselItems[carouselIndex].includes('blob')"
               :src="carouselItems[carouselIndex]"
-              class="w-full h-full object-contain rounded-md"
+              class="carousel-item"
               alt="Carrousel Image"
           />
           <iframe
@@ -73,7 +73,7 @@
               :src="`${carouselItems[carouselIndex]}?autoplay=1&mute=1`"
               frameborder="0"
               allow="autoplay"
-              class="w-full h-full rounded-md"
+              class="carousel-item"
               allowfullscreen
           ></iframe>
         </div>
@@ -115,6 +115,7 @@
           <v-icon>mdi-minus</v-icon>
         </v-btn>
       </div>
+      <div>Ajouter un Vidéo Url</div>
       <v-btn icon @click="addUrl" class="mb-6 w-[400px]">
         <v-icon>mdi-plus</v-icon>
       </v-btn>
@@ -246,28 +247,45 @@ const publishPost = async () => {
 .relative {
   position: relative;
 }
+
 .absolute {
   position: absolute;
 }
+
 .transform {
   transform: translateY(-50%);
 }
+
 .bg-black\/50 {
   background-color: rgba(0, 0, 0, 0.5);
 }
+
 .rounded-md {
   border-radius: 0.375rem;
 }
+
 .text-white {
   color: #fff;
 }
+
 .p-2 {
   padding: 0.5rem;
 }
+
 .text-red-500 {
   color: #f56565;
 }
+
 .custom-border {
   border-color: #eaebec;
 }
+
+/* Taille fixe pour les éléments du carrousel */
+.carousel-item {
+  width: 400px;
+  height: 250px;
+  object-fit: cover;
+  border-radius: 0.375rem;
+  display: block;
+}
 </style>