From d0910a001ad096c34dc22833ad7685bb69eb5fa6 Mon Sep 17 00:00:00 2001
From: ajstrongdev <90976178+ajstrongdev@users.noreply.github.com>
Date: Fri, 20 Sep 2024 22:51:33 +0100
Subject: [PATCH] Add: desktop navbar

Add a specific navbar for the desktop + tablets, so that it doesn't share the mobile menu.
---
 src/components/navbar.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
index c29737a..8879146 100644
--- a/src/components/navbar.jsx
+++ b/src/components/navbar.jsx
@@ -45,17 +45,22 @@ function NavBar() {
             <nav className=" w-[100%] m-auto flex items-center justify-between">
                 <div className="p-4">
                     <a href="../">
-                        <img src="/img/logo.png" alt="" className="md:p-2 lg:w-[4%] md:w-[10%] w-[20%]" />
+                        <img src="/img/logo.png" alt="" className="md:p-0 lg:w-[4%] md:w-[10%] w-[20%]" />
                     </a>
                 </div>
+                <div className="p-2 px-4 text-center m-4 bg-site-300 rounded-lg md:flex md:gap-4 hidden md:block">
+                        {baritems.map((item) => (
+                            <p><a href={item.link} key={item.link} className="text-xl text-white hover:text-rhino-purple">{item.goto}</a></p>
+                        ))}
+                </div>
                 <div
-                    className="p-2 px-4 cursor-pointer"
+                    className="p-2 px-4 cursor-pointer md:hidden"
                     onClick={() => toggleMegaMenu('mega-menu')}
                 >
                     <h1 className="text-3xl text-white">≡</h1>
                 </div>
             </nav>
-            <div className=" hidden transition-all w-[100%] p-2" id="mega-menu">
+            <div className="hidden transition-all w-[100%] p-2" id="mega-menu">
                 <div className="w-[100%] m-auto">
                     <div className="text-2xl bg-site-300 rounded-lg p-8">
                         {baritems.map((item) => (