From f95d17dca575b2e9c3563a9737d409880411318d Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Tue, 1 Aug 2023 14:28:32 +0530
Subject: [PATCH] fix: changed sidebar/body bg color and changed tab active
 color to black

---
 frontend/src/components/AppSidebar.vue    | 4 ++--
 frontend/src/components/DesktopLayout.vue | 4 ++--
 frontend/src/pages/Lead.vue               | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/AppSidebar.vue b/frontend/src/components/AppSidebar.vue
index f09c4d35..4d5db509 100644
--- a/frontend/src/components/AppSidebar.vue
+++ b/frontend/src/components/AppSidebar.vue
@@ -7,8 +7,8 @@
       <NavLinks
         :links="navigations"
         class="flex items-center rounded px-2 py-1 text-gray-800 transition-all duration-300 ease-in-out"
-        active="bg-gray-100 hover:bg-gray-200"
-        inactive="hover:bg-gray-50"
+        active="bg-white shadow-sm"
+        inactive="hover:bg-gray-100"
       >
         <template v-slot="{ link }">
           <div class="flex w-full items-center space-x-2">
diff --git a/frontend/src/components/DesktopLayout.vue b/frontend/src/components/DesktopLayout.vue
index 8e7068c6..682f671b 100644
--- a/frontend/src/components/DesktopLayout.vue
+++ b/frontend/src/components/DesktopLayout.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex h-screen w-screen">
-    <div class="h-full border-r w-[220px]">
+    <div class="h-full border-r bg-gray-50 w-[220px]">
       <AppSidebar />
     </div>
     <div class="flex-1 flex flex-col h-full overflow-auto">
@@ -9,5 +9,5 @@
   </div>
 </template>
 <script setup>
-import AppSidebar from './AppSidebar.vue'
+import AppSidebar from '@/components/AppSidebar.vue'
 </script>
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index fed0effb..294c1a91 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -73,15 +73,15 @@
       </Tab>
       <div
         ref="indicator"
-        class="h-[1px] bg-blue-500 w-[82px] absolute -bottom-[1px]"
+        class="h-[1px] bg-gray-900 w-[82px] absolute -bottom-[1px]"
         :style="{ left: `${indicatorLeftValue}px` }"
       />
     </TabList>
-    <TabPanels class="flex h-full bg-gray-50">
+    <TabPanels class="flex h-full">
       <TabPanel class="flex-1" v-for="tab in tabs" :key="tab.label">
         <Activities :activities="tab.content" />
       </TabPanel>
-      <div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px] bg-white">
+      <div class="flex flex-col gap-6.5 border-l px-6 py-3 w-[390px]">
         <div
           v-for="section in detailSections"
           :key="section.label"