From a23bb3dcb2926ee85cca854d832518ddba234120 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 20 Jul 2022 18:10:32 +0530
Subject: [PATCH] refactor(gui-v2): list view dark theme improvement, replace
 v-divider

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui-v2/pages/projects/index/list.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/pages/projects/index/list.vue b/packages/nc-gui-v2/pages/projects/index/list.vue
index 73ce75c13a..c91a629b3c 100644
--- a/packages/nc-gui-v2/pages/projects/index/list.vue
+++ b/packages/nc-gui-v2/pages/projects/index/list.vue
@@ -28,11 +28,11 @@ const openProject = async (project: ProjectType) => {
     <div></div>
   </div>
 
-  <v-divider class="col-span-3" />
+  <div class="col-span-3 w-full h-[1px] bg-gray-500/50" />
 
   <template v-for="project of projects" :key="project.id">
     <div
-      class="cursor-pointer grid grid-cols-3 gap-2 prose-md hover:(bg-gray-100 shadow-sm dark:text-black) p-2 transition-color ease-in duration-100"
+      class="cursor-pointer grid grid-cols-3 gap-2 prose-md hover:(bg-gray-300/30 dark:bg-gray-500/30 shadow-sm) p-2 transition-color ease-in duration-100"
       @click="openProject(project)"
     >
       <div class="font-semibold capitalize">{{ project.title || 'Untitled' }}</div>
@@ -42,6 +42,6 @@ const openProject = async (project: ProjectType) => {
         <MdiEditOutline class="text-gray-500 hover:text-primary mr-2" @click.stop="navigateTo(`/project/${project.id}`)" />
       </div>
     </div>
-    <v-divider class="col-span-3" />
+    <div class="col-span-3 w-full h-[1px] bg-gray-500/30" />
   </template>
 </template>