From 3da70b4bf3cdae488456799927d5058b09c35fc1 Mon Sep 17 00:00:00 2001
From: mysper <anthony.a3203@gmail.com>
Date: Thu, 11 Mar 2021 13:45:12 +0800
Subject: [PATCH] [Add] make click event to close navabr in moblie

---
 src/components/news/Navbar.vue      | 5 +++++
 src/components/ocfp-news/Navbar.vue | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/src/components/news/Navbar.vue b/src/components/news/Navbar.vue
index a8ed5e8..d0dcd78 100644
--- a/src/components/news/Navbar.vue
+++ b/src/components/news/Navbar.vue
@@ -21,6 +21,11 @@
       <p>&#9650;</p>
       <p>&#9660;</p>
     </button>
+    <div
+      style="width:100vw;height:100vh;color:red;position:fixed;top:0;right:0;"
+      v-if="isMobileView && navVisible"
+      @click="()=>navVisible=!navVisible"
+    ></div>
   </nav>
 </template>
 
diff --git a/src/components/ocfp-news/Navbar.vue b/src/components/ocfp-news/Navbar.vue
index 6a32de5..e8acb7b 100644
--- a/src/components/ocfp-news/Navbar.vue
+++ b/src/components/ocfp-news/Navbar.vue
@@ -21,6 +21,11 @@
       <p>&#9650;</p>
       <p>&#9660;</p>
     </button>
+    <div
+      style="width:100vw;height:100vh;color:red;position:fixed;top:0;right:0;"
+      v-if="isMobileView && navVisible"
+      @click="()=>navVisible=!navVisible"
+    ></div>
   </nav>
 </template>