From 52df41804003ce877ce0355d80a1490e13417931 Mon Sep 17 00:00:00 2001
From: longtran1904 <32758275+longtran1904@users.noreply.github.com>
Date: Sat, 11 Feb 2023 22:50:03 -0500
Subject: [PATCH] Fix Popover Panel to be hidden (#49)

* Fix Popover Panel to be hidden

* Put comment for fixing Navbar Responsive
---
 src/components/Navbar.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 381b7e1..706d358 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -44,6 +44,8 @@ export default function Navbar({ navbarButtons }) {
                 leaveFrom="opacity-100 scale-100"
                 leaveTo="opacity-0 scale-95"
               >
+                {/* Hide Popover Panel when user expand browser window */}
+              <div className="md:hidden">
                 <Popover.Panel className="absolute min-w-full">
                   <div className="px-4 py-3 shadow-lg bg-green-10 flex flex-col divide-y divide-gray-300">
                     {navbarButtons.map((buttonInfo) => (
@@ -57,6 +59,7 @@ export default function Navbar({ navbarButtons }) {
                     ))}
                   </div>
                 </Popover.Panel>
+              </div>
               </Transition>
             </>
           )}