Merge pull request Anjaliavv51#85 from SaiSantosh2209/main

Issue Anjaliavv51#81 The Interactive effect have been added to the navbar components while hovering ..
2004shweta · Oct 19, 2023 · 27c6276 · 27c6276
2 parents ed8de57 + 1157db0
commit 27c6276
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 34 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -21,12 +21,12 @@
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
     "@vitejs/plugin-react": "^4.0.1",
-    "autoprefixer": "^10.4.14",
+    "autoprefixer": "^10.4.16",
     "eslint": "^8.44.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.1",
-    "postcss": "^8.4.26",
+    "postcss": "^8.4.31",
     "prettier": "^3.0.1",
     "prettier-plugin-tailwindcss": "^0.4.1",
     "tailwindcss": "^3.3.3",

diff --git a/src/components/Header-section/Navbar.jsx b/src/components/Header-section/Navbar.jsx
@@ -117,22 +117,22 @@ const Navbar = () => {
           >
             <ul className="flex flex-row lg:gap-10 md:gap-6 font-medium">
               <li>
-                <a href="/" aria-current="page">
+                <a href="/" aria-current="page" className="hover:text-xl hover:shadow-lg transition duration-300">
                   HOME
                 </a>
               </li>
               <li>
-                <a href="#AboutUs" aria-current="page">
+                <a href="#AboutUs" aria-current="page" className="hover:text-xl hover:shadow-md transition duration-300">
                   ABOUT
                 </a>
               </li>
               <li>
-                <a href="#ContactUs" aria-current="page">
+                <a href="#ContactUs" aria-current="page" className="hover:text-xl hover:shadow-md transition duration-300">
                   CONTACT
                 </a>
               </li>
               <li>
-                <a href="#Service" aria-current="page">
+                <a href="#Service" aria-current="page" className="hover:text-xl hover:shadow-md transition duration-300">
                   RENTALS
                 </a>
               </li>