fix: sutle animation to icon when section open/close

2023-08-03 19:22:59 +05:30 · 2023-08-03 19:22:59 +05:30 · 4a0216f180
commit 4a0216f180
parent d39ce62d6a
1 changed files with 3 additions and 2 deletions
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@ -90,8 +90,9 @@
                @click="toggle()"
              >
                <FeatherIcon
-                  :name="opened ? 'chevron-up' : 'chevron-down'"
-                  class="h-4 text-gray-600"
+                  name="chevron-right"
+                  class="h-4 text-gray-600 transition-all duration-200 ease-in-out"
+                  :class="{ 'rotate-90': opened }"
                />
                {{ section.label }}
              </div>