From ded0ed2128cd5c7ba00ff7586b74b2c0faf018af Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Mon, 31 Jul 2023 12:18:28 +0530
Subject: [PATCH] fix: added transition to section open close

---
 frontend/src/pages/Lead.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 7575af1e..f020a86e 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -96,6 +96,14 @@
                 class="h-4 text-gray-600"
               />
             </div>
+            <transition
+              enter-active-class="duration-300 ease-in"
+              leave-active-class="duration-300 ease-[cubic-bezier(0, 1, 0.5, 1)]"
+              enter-to-class="max-h-[200px] overflow-hidden"
+              leave-from-class="max-h-[200px] overflow-hidden"
+              enter-from-class="max-h-0 overflow-hidden"
+              leave-to-class="max-h-0 overflow-hidden"
+            >
               <div v-if="opened" class="flex flex-col gap-3">
                 <div
                   v-for="field in section.fields"
@@ -106,6 +114,7 @@
                   <div class="text-gray-900">{{ field.value }}</div>
                 </div>
               </div>
+            </transition>
           </Toggler>
         </div>
       </div>