From 759ee66e925339018f1a19cec0fddc5df415d9e8 Mon Sep 17 00:00:00 2001
From: Daniel Spaude <daniel@spaude.de>
Date: Wed, 1 Mar 2023 18:01:56 +0100
Subject: [PATCH] tiny refactoring (PR feedback)

---
 .../pages/[projectType]/[projectId]/index/index.vue       | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index e21170d18d..cc597bfb89 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -10,8 +10,6 @@ const { isLoading, isMobileMode } = useGlobal()
 
 provide(TabMetaInj, activeTab)
 
-const mainArea = ref<HTMLDivElement>()
-
 const icon = (tab: TabItem) => {
   switch (tab.type) {
     case TabType.TABLE:
@@ -34,10 +32,6 @@ const hideSidebarOnClickOrTouchIfMobileMode = () => {
     toggle(false)
   }
 }
-
-onMounted(() => {
-  mainArea.value?.addEventListener('click', hideSidebarOnClickOrTouchIfMobileMode)
-})
 </script>
 
 <template>
@@ -94,7 +88,7 @@ onMounted(() => {
         <LazyGeneralFullScreen v-if="!isMobileMode" class="nc-fullscreen-icon mb-1px" />
       </div>
 
-      <div ref="mainArea" class="w-full min-h-[300px] flex-auto">
+      <div class="w-full min-h-[300px] flex-auto" @click="hideSidebarOnClickOrTouchIfMobileMode">
         <NuxtPage :page-key="`${$route.params.projectId}.${$route.name}`" />
       </div>
     </div>