Merge pull request #484 from RahulScripted/main

Nav Bar shadow added when scrolled
PriyaGhosal · Oct 11, 2024 · bc66774 · bc66774
2 parents 6810f6b + 11080aa
commit bc66774
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/script.js b/script.js
@@ -332,11 +332,8 @@ document.getElementById('postForm').addEventListener('submit', function (e) {
 
 window.addEventListener("scroll", function () {
     let navbar = document.getElementById("main-head");
-    if (window.scrollY > 100) {
-      navbar.classList.add("shadow");
-    } else {
-      navbar.classList.remove("shadow");
-    }
+    if (window.scrollY > 100) navbar.classList.add("shadow"); 
+    else navbar.classList.remove("shadow");
 });
 
 function initMap() {

diff --git a/style.css b/style.css
@@ -184,7 +184,7 @@ button {
 }
 .main-head.shadow {
   background-color: #000;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
 }
 nav {
   display: flex;