From 5d26e10d6d0fe4f3ef1a3f393a0a1095c74ddd6d Mon Sep 17 00:00:00 2001
From: Antonio Morrone <antonio@iovlabs.org>
Date: Tue, 19 Nov 2024 14:25:43 +0000
Subject: [PATCH] fix: fix opacity to gradually show the component (#379)

---
 tailwind.config.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/tailwind.config.ts b/tailwind.config.ts
index b6a490ce..7e2e1731 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -52,12 +52,12 @@ const config: Config = {
           to: { height: '0' },
         },
         'collapsible-down': {
-          from: { height: '0' },
-          to: { height: 'var(--radix-collapsible-content-height)' },
+          from: { height: '0', opacity: '0' },
+          to: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },
         },
         'collapsible-up': {
-          from: { height: 'var(--radix-collapsible-content-height)' },
-          to: { height: '0' },
+          from: { height: 'var(--radix-collapsible-content-height)', opacity: '1' },
+          to: { height: '0', opacity: '0' },
         },
         'fade-out-slide-out': {
           from: {