From a569ee37f5e85c040655435aaf5bb34b9ea38dc4 Mon Sep 17 00:00:00 2001
From: DhairyaMajmudar <2022kuec2045@iiitkota.ac.in>
Date: Tue, 13 Feb 2024 12:55:26 +0530
Subject: [PATCH] adding transiton

---
 src/components/TabsBar/TabsBar.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/TabsBar/TabsBar.vue b/src/components/TabsBar/TabsBar.vue
index dab8c595..21ff1929 100644
--- a/src/components/TabsBar/TabsBar.vue
+++ b/src/components/TabsBar/TabsBar.vue
@@ -46,7 +46,15 @@
             &#43;
         </button>
         <button class="tabsbar-toggle" @click="toggleHeight">
-            <i :class="showMaxHeight ? 'fa fa-chevron-down' : 'fa fa-chevron-up'"></i>
+            <i
+                class="fa fa-chevron-up"
+                :style="
+                    showMaxHeight
+                        ? 'transform: rotate(180deg); transition: transform 0.5s'
+                        : 'transform: rotate(0deg); transition: transform 0.5s'
+                "
+            >
+            </i>
         </button>
     </div>
     <!-- <MessageBox