fix: fix opacity to gradually show the component (#379)

RootstockCollective · Nov 19, 2024 · 5d26e10 · 5d26e10
1 parent 1a78efc
commit 5d26e10
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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: {