From fa2195b99334f780b6ba4db22ed9d9e8533dcdd1 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Wed, 24 Jul 2024 07:23:27 +0000
Subject: [PATCH] fix: opacity not updating

---
 packages/nc-gui/components/cell/attachment/Carousel.vue | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/cell/attachment/Carousel.vue b/packages/nc-gui/components/cell/attachment/Carousel.vue
index 5b1239a64a..4808641e07 100644
--- a/packages/nc-gui/components/cell/attachment/Carousel.vue
+++ b/packages/nc-gui/components/cell/attachment/Carousel.vue
@@ -132,7 +132,7 @@ watchOnce(emblaMainApi, async (emblaMainApi) => {
       >
         <NcCarouselContent>
           <NcCarouselItem v-for="(item, index) in visibleItems" :key="index">
-            <div class="justify-center w-full h-full flex items-center">
+            <div v-if="selectedIndex === index" class="justify-center w-full h-full flex items-center">
               <LazyCellAttachmentPreviewImage
                 v-if="isImage(item.title, item.mimeType)"
                 class="nc-attachment-img-wrapper"
@@ -189,11 +189,7 @@ watchOnce(emblaMainApi, async (emblaMainApi) => {
               v-for="(item, index) in visibleItems"
               :key="index"
               :class="{
-                'opacity-100': index === selectedIndex,
-                '!basis-1/2': visibleItems.length === 2,
-                '!basis-1/3': visibleItems.length === 3,
-                '!basis-1': visibleItems.length === 1,
-                '!basis-1/4': visibleItems.length === 4,
+                '!opacity-100': index === selectedIndex,
                 '!basis-1/8': visibleItems.length > 4,
               }"
               class="px-2 keep-open opacity-50 cursor-pointer"