From bbf2e2dac14b38e4c0d133fb2a8e82245589a3a4 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 18 Jul 2022 23:16:41 +0530
Subject: [PATCH] feat: update list view

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui-v2/assets/style-v2.scss            |  6 +++++-
 .../nc-gui-v2/components/dashboard/TreeView.vue    | 14 +++++++++-----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui-v2/assets/style-v2.scss b/packages/nc-gui-v2/assets/style-v2.scss
index 3e651f3034..6a3ee6df58 100644
--- a/packages/nc-gui-v2/assets/style-v2.scss
+++ b/packages/nc-gui-v2/assets/style-v2.scss
@@ -63,4 +63,8 @@ h1, h2, h3, h4, h5, h6 {
 
 .nc-icon {
   @apply color-transition;
-}
\ No newline at end of file
+}
+
+:root {
+  --header-height: 64px;
+}
diff --git a/packages/nc-gui-v2/components/dashboard/TreeView.vue b/packages/nc-gui-v2/components/dashboard/TreeView.vue
index 93b4f614c6..6d7f02f6a7 100644
--- a/packages/nc-gui-v2/components/dashboard/TreeView.vue
+++ b/packages/nc-gui-v2/components/dashboard/TreeView.vue
@@ -7,17 +7,17 @@ const { addTab } = useTabs()
 </script>
 
 <template>
-  <div>
-    <v-list>
-      <v-list-item
+  <div class="nc-treeview-container flex flex-column">
+    <a-menu>
+      <a-menu-item
         v-for="table in tables"
         :key="table.id"
         class="p-2 text-sm pointer"
         @click="addTab({ type: 'table', title: table.title, id: table.id })"
       >
         {{ table.title }}
-      </v-list-item>
-    </v-list>
+      </a-menu-item>
+    </a-menu>
   </div>
 </template>
 
@@ -25,4 +25,8 @@ const { addTab } = useTabs()
 .pointer {
   cursor: pointer;
 }
+
+.nc-treeview-container {
+  height: calc(100vh - var(--header-height));
+}
 </style>