From 0209c8e9fd9e1c539e7617dc152f3c825ec3efc6 Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Wed, 21 Feb 2024 13:42:53 +0000
Subject: [PATCH 1/2] FOUR-14195:Launchpad carosuel does not show correct the
 image

---
 .../js/processes-catalogue/components/ProcessesCarousel.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/processes-catalogue/components/ProcessesCarousel.vue b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
index b31575a168..5192b69e43 100644
--- a/resources/js/processes-catalogue/components/ProcessesCarousel.vue
+++ b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
@@ -74,7 +74,7 @@ export default {
   },
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 #processes-carousel {
   .carousel-indicators {
     li {

From 8ddfe24b4a89202a1624e9d96533d4ff1268518f Mon Sep 17 00:00:00 2001
From: Fabio <frguachallab@gmail.com>
Date: Wed, 21 Feb 2024 19:56:52 +0000
Subject: [PATCH 2/2] Use slots

---
 .../components/ProcessesCarousel.vue              | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/resources/js/processes-catalogue/components/ProcessesCarousel.vue b/resources/js/processes-catalogue/components/ProcessesCarousel.vue
index 5192b69e43..5c65f4b17b 100644
--- 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;
 }