From 52c5085633c4a34b2b0659155f89d006482bb0a5 Mon Sep 17 00:00:00 2001
From: Sam Chau <chaucted@gmail.com>
Date: Thu, 9 Jan 2025 22:10:03 +1030
Subject: [PATCH] feat: update Navbar styling with gradient background and
 enhanced shadow effects

---
 frontend/src/components/ui/Navbar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/ui/Navbar.jsx b/frontend/src/components/ui/Navbar.jsx
index 20e9cd6..a98d944 100644
--- a/frontend/src/components/ui/Navbar.jsx
+++ b/frontend/src/components/ui/Navbar.jsx
@@ -76,7 +76,7 @@ function Navbar({darkMode, setDarkMode}) {
     }, [activeTab]);
 
     return (
-        <nav className='bg-gray-800 shadow-md'>
+        <nav className='bg-gradient-to-br from-gray-800 to-gray-900 border-b border-gray-700 shadow-xl backdrop-blur-sm'>
             <div className='max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8 relative'>
                 <div className='flex items-center justify-between h-16'>
                     <div className='flex items-center space-x-8'>