From 520011e3d9072ebd64c572d2111490e16df11bee Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 27 Jul 2023 12:59:24 +0530
Subject: [PATCH] fix: also added details section in tabview

---
 frontend/src/components/TabView.vue | 5 +++--
 frontend/src/pages/Lead.vue         | 3 +++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/TabView.vue b/frontend/src/components/TabView.vue
index 95e5f57b..cabe6bc1 100644
--- a/frontend/src/components/TabView.vue
+++ b/frontend/src/components/TabView.vue
@@ -15,14 +15,15 @@
       {{ tab.label }}
     </div>
   </div>
-  <div id="tabs-contents" class="h-full">
-    <div class="bg-gray-50 h-full">
+  <div id="tabs-contents" class="flex h-full">
+    <div class="flex-1 bg-gray-50">
       <div v-for="tab in tabs" :key="tab.label">
         <div v-if="activeTab == tab.label" class="p-6">
           <slot name="tab-content" v-bind="{ tab }" />
         </div>
       </div>
     </div>
+    <slot name="details" />
   </div>
 </template>
 <script setup>
diff --git a/frontend/src/pages/Lead.vue b/frontend/src/pages/Lead.vue
index 083c7231..88953f21 100644
--- a/frontend/src/pages/Lead.vue
+++ b/frontend/src/pages/Lead.vue
@@ -58,6 +58,9 @@
     <template #tab-content="{ tab }">
       <div>{{ tab.label }}</div>
     </template>
+    <template #details>
+      <div class="w-[390px] border-l px-6 py-3">{{ lead.doc.lead_name }}</div>
+    </template>
   </TabView>
 </template>
 <script setup>