Use slots

ProcessMaker · Feb 21, 2024 · 8ddfe24 · 8ddfe24
1 parent 0209c8e
commit 8ddfe24
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/resources/js/processes-catalogue/components/ProcessesCarousel.vue b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
@@ -13,8 +13,15 @@
         v-for="(image, index) in images.length > 0 ? images : defaultImage"
         :key="index"
         class="custom-style"
-        :img-src="image.url"
-      />
+      >
+        <template #img>
+          <img
+            :src="image.url"
+            :alt="process.name"
+            class="d-block w-100 img-carousel"
+          >
+        </template>
+      </b-carousel-slide>
     </b-carousel>
   </div>
 </template>
@@ -74,7 +81,7 @@ export default {
   },
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 #processes-carousel {
   .carousel-indicators {
     li {
@@ -104,7 +111,7 @@ export default {
   width: 100%;
   height: 400px;
 }
-.img-fluid {
+.img-carousel {
   max-width: 100%;
   height: inherit;
 }