fix: leads/deals listview layout fix

frontend/src/components/ListViews/ContactsListView.vue

@@ -1,5 +1,6 @@
 <template>
   <ListView
+    :class="$attrs.class"
     :columns="columns"
     :rows="rows"
     :options="{
@@ -64,6 +65,7 @@
     <ListSelectBanner />
   </ListView>
   <ListFooter
+    v-if="pageLengthCount"
     class="border-t px-5 py-2"
     v-model="pageLengthCount"
     :options="{

frontend/src/components/ListViews/DealsListView.vue

@@ -1,5 +1,6 @@
 <template>
   <ListView
+    :class="$attrs.class"
     :columns="columns"
     :rows="rows"
     :options="{
@@ -87,6 +88,7 @@
     <ListSelectBanner />
   </ListView>
   <ListFooter
+    v-if="pageLengthCount"
     class="border-t px-5 py-2"
     v-model="pageLengthCount"
     :options="{

frontend/src/components/ListViews/LeadsListView.vue

@@ -1,5 +1,6 @@
 <template>
   <ListView
+    :class="$attrs.class"
     :columns="columns"
     :rows="rows"
     :options="{
@@ -96,6 +97,7 @@
     <ListSelectBanner />
   </ListView>
   <ListFooter
+    v-if="pageLengthCount"
     class="border-t px-5 py-2"
     v-model="pageLengthCount"
     :options="{

frontend/src/pages/Contact.vue

@@ -171,8 +171,8 @@
       </template>
       <template #default="{ tab }">
         <DealsListView
-          class="mt-4"
           v-if="tab.label === 'Deals' && rows.length"
+          class="mt-4"
           :rows="rows"
           :columns="columns"
           :options="{ selectable: false }"

frontend/src/pages/Organization.vue

@@ -189,36 +189,34 @@
         </button>
       </template>
       <template #default="{ tab }">
-        <div class="flex h-full">
+        <LeadsListView
-          <LeadsListView
+          class="mt-4"
-            class="mt-4"
+          v-if="tab.label === 'Leads' && rows.length"
-            v-if="tab.label === 'Leads' && rows.length"
+          :rows="rows"
-            :rows="rows"
+          :columns="columns"
-            :columns="columns"
+          :options="{ selectable: false }"
-            :options="{ selectable: false }"
+        />
-          />
+        <DealsListView
-          <DealsListView
+          class="mt-4"
-            class="mt-4"
+          v-if="tab.label === 'Deals' && rows.length"
-            v-if="tab.label === 'Deals' && rows.length"
+          :rows="rows"
-            :rows="rows"
+          :columns="columns"
-            :columns="columns"
+          :options="{ selectable: false }"
-            :options="{ selectable: false }"
+        />
-          />
+        <ContactsListView
-          <ContactsListView
+          class="mt-4"
-            class="mt-4"
+          v-if="tab.label === 'Contacts' && rows.length"
-            v-if="tab.label === 'Contacts' && rows.length"
+          :rows="rows"
-            :rows="rows"
+          :columns="columns"
-            :columns="columns"
+          :options="{ selectable: false }"
-            :options="{ selectable: false }"
+        />
-          />
+        <div
-          <div
+          v-if="!rows.length"
-            v-if="!rows.length"
+          class="grid flex-1 place-items-center text-xl font-medium text-gray-500"
-            class="grid flex-1 place-items-center text-xl font-medium text-gray-500"
+        >
-          >
+          <div class="flex flex-col items-center justify-center space-y-3">
-            <div class="flex flex-col items-center justify-center space-y-3">
+            <component :is="tab.icon" class="!h-10 !w-10" />
-              <component :is="tab.icon" class="!h-10 !w-10" />
+            <div>No {{ tab.label }} Found</div>
-              <div>No {{ tab.label }} Found</div>
-            </div>
           </div>
         </div>
       </template>