Merge pull request #103 from Ayush215mb/main

feat: changes the font of navbar and added a hover effect #39
RamakrushnaBiswal · Oct 6, 2024 · 1e53ac4 · 1e53ac4
2 parents 9324f05 + e8efabb
commit 1e53ac4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/frontend/src/components/Shared/Navbar.jsx b/frontend/src/components/Shared/Navbar.jsx
@@ -98,9 +98,9 @@ const Navbar = () => {
 
           {/* Desktop Menu */}
           <div className="hidden md:flex">
-            <ul className="ml-4 flex space-x-4 font-semibold">
+            <ul className="ml-4 flex space-x-5 Poppins font-semibold text-lg">
               {menuItems.map((item) => (
-                <li key={item.name}>
+                <li key={item.name} className="transform hover:scale-110 hover:-translate-y-1 transition ">
                   <Link
                     to={item.path}
                     className={`${baseTextColorClass} ${hoverTextColorClass}`}
@@ -111,16 +111,17 @@ const Navbar = () => {
               ))}
               {isAuthenticated ? (
                 <button
+
                   onClick={handleLogout}
-                  className={`${baseTextColorClass} ${hoverTextColorClass}`}
+                  className={`${baseTextColorClass} ${hoverTextColorClass} transform hover:scale-110 hover:-translate-y-1 transition `}
                   type="button"
                 >
                   Log Out
                 </button>
               ) : (
                 <button
                   onClick={handleLogin}
-                  className={`${baseTextColorClass} ${hoverTextColorClass}`}
+                  className={`${baseTextColorClass} ${hoverTextColorClass} transform hover:scale-110 hover:-translate-y-1 transition `}
                   type="button"
                 >
                   Log In

diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -11,6 +12,10 @@
     }
 }
 
+.Poppins {
+    font-family: "Poppins", sans-serif;
+  }
+
 
     @layer components{
         .primary-btn{