Added shadow Effect in Navbar on Scroll

stanleyowen · Jun 1, 2021 · ba76a12 · ba76a12
1 parent b7ead97
commit ba76a12
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 5 deletions.
diff --git a/client/src/App.css b/client/src/App.css
@@ -85,7 +85,7 @@ body.dark .projects__viewMore,
 body.dark .link, body.dark .blue-text { color: #79c3ff !important; }
 body.dark .link:focus { color: #5cb5ff !important; }
 body.dark .otp input { border-color: rgb(59, 57, 57); }
-body.dark .navbar { box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); }
+body.dark .navbar-shade { box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2); }
 body.dark .footer { background-color: #191919; }
 body.dark .contact__onFocus { background: #FFFFFF; }
 body.dark .projects__viewMore { border-color: #79c3ff; }
@@ -332,8 +332,8 @@ body.dark .gray-bg {
     z-index: 99;
     transition: all 0.4s;
     background-color: #FFFFFF;
-    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302),0 2px 6px 2px rgba(60,64,67,0.149);
 }
+.navbar-shade { box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302),0 2px 6px 2px rgba(60,64,67,0.149) }
 .navbar a {
     color: #212121;
     text-decoration: none;