From 5d25d9d507add22396eee8d9923c6358dc8d36c2 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 20 Jul 2022 10:23:32 +0200
Subject: [PATCH] chore(gui-v2): remove max-width from list

---
 packages/nc-gui-v2/pages/index/index/list.vue | 42 +++++++++----------
 1 file changed, 20 insertions(+), 22 deletions(-)

diff --git a/packages/nc-gui-v2/pages/index/index/list.vue b/packages/nc-gui-v2/pages/index/index/list.vue
index f99408fe03..9a60bdc488 100644
--- a/packages/nc-gui-v2/pages/index/index/list.vue
+++ b/packages/nc-gui-v2/pages/index/index/list.vue
@@ -22,28 +22,26 @@ const openProject = async (project: ProjectType) => {
 </script>
 
 <template>
-  <div class="mx-auto max-w-[700px]">
-    <div class="grid grid-cols-4 gap-2 prose-md p-2 font-semibold">
-      <div>{{ $t('general.title') }}</div>
-      <div>Updated At</div>
-      <div></div>
-    </div>
-
-    <v-divider class="col-span-3" />
+  <div class="grid grid-cols-4 gap-2 prose-md p-2 font-semibold">
+    <div>{{ $t('general.title') }}</div>
+    <div>Updated At</div>
+    <div></div>
+  </div>
 
-    <template v-for="project of projects" :key="project.id">
-      <div
-        class="cursor-pointer grid grid-cols-4 gap-2 prose-md hover:(bg-gray-100 shadow-sm dark:text-black) p-2 transition-color ease-in duration-100"
-        @click="openProject(project)"
-      >
-        <div class="font-semibold">{{ project.title || 'Untitled' }}</div>
-        <div>{{ project.updated_at }}</div>
-        <div>
-          <MdiDeleteOutline class="text-gray-500 hover:text-red-500 mr-2" @click.stop @click="emit('delete-project', project)" />
-          <MdiEditOutline class="text-gray-500 hover:text-primary mr-2" @click.stop />
-        </div>
+  <v-divider class="col-span-3" />
+
+  <template v-for="project of projects" :key="project.id">
+    <div
+      class="cursor-pointer grid grid-cols-4 gap-2 prose-md hover:(bg-gray-100 shadow-sm dark:text-black) p-2 transition-color ease-in duration-100"
+      @click="openProject(project)"
+    >
+      <div class="font-semibold">{{ project.title || 'Untitled' }}</div>
+      <div>{{ project.updated_at }}</div>
+      <div>
+        <MdiDeleteOutline class="text-gray-500 hover:text-red-500 mr-2" @click.stop @click="emit('delete-project', project)" />
+        <MdiEditOutline class="text-gray-500 hover:text-primary mr-2" @click.stop />
       </div>
-      <v-divider class="col-span-3" />
-    </template>
-  </div>
+    </div>
+    <v-divider class="col-span-3" />
+  </template>
 </template>