From 07ffb5af1e46ebe08b5552663a4cb38db1989070 Mon Sep 17 00:00:00 2001
From: Giyuu <tranhoanglong1904@gmail.com>
Date: Mon, 6 Feb 2023 22:11:54 -0500
Subject: [PATCH 1/2] Fix Popover Panel to be hidden

---
 src/components/Navbar.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 381b7e1..9712454 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -44,6 +44,7 @@ export default function Navbar({ navbarButtons }) {
                 leaveFrom="opacity-100 scale-100"
                 leaveTo="opacity-0 scale-95"
               >
+              <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 +58,7 @@ export default function Navbar({ navbarButtons }) {
                     ))}
                   </div>
                 </Popover.Panel>
+              </div>
               </Transition>
             </>
           )}

From b5e2bf4a2f97f1116bf7f6ae38a07ae61c6f3ed8 Mon Sep 17 00:00:00 2001
From: Giyuu <tranhoanglong1904@gmail.com>
Date: Wed, 8 Feb 2023 12:28:05 -0500
Subject: [PATCH 2/2] Put comment for fixing Navbar Responsive

---
 src/components/Navbar.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index 9712454..706d358 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -44,6 +44,7 @@ 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">