Fix Popover Panel to be hidden (#49)

* Fix Popover Panel to be hidden * Put comment for fixing Navbar Responsive
samuel-ping · Feb 12, 2023 · 52df418 · 52df418
1 parent 1f59623
commit 52df418
Showing 1 changed file with 3 additions and 0 deletions.
diff --git 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>
             </>
           )}