test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: added transition to section open close

Browse Source
This commit is contained in:
Shariq Ansari 2023-07-31 12:18:28 +05:30
parent 463b2bdf7d
commit ded0ed2128
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/pages/Lead.vue
View File

@ -96,6 +96,14 @@
class="h-4 text-gray-600" class="h-4 text-gray-600"
/> />
</div> </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-if="opened" class="flex flex-col gap-3">
<div <div
v-for="field in section.fields" v-for="field in section.fields"
@ -106,6 +114,7 @@
<div class="text-gray-900">{{ field.value }}</div> <div class="text-gray-900">{{ field.value }}</div>
</div> </div>
</div> </div>
</transition>
</Toggler> </Toggler>
</div> </div>
</div> </div>