add: box shadow

Signed-off-by: upsaurav12 . <[email protected]>
upsaurav12 · Aug 19, 2024 · cabf6cb · cabf6cb
1 parent deaf3ce
commit cabf6cb
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/sections/General/Navigation/navigation.style.js b/src/sections/General/Navigation/navigation.style.js
@@ -659,7 +659,7 @@ const NavigationWrap = styled.header`
         font-size: 16px;
         font-weight: 600;
         line-height: 2rem;
-        font-size: 1.125rem;
+        font-size: 1.1rem;
         width: 100%;
       }
       a:before {
@@ -684,7 +684,7 @@ const NavigationWrap = styled.header`
       border-radius: 0.2rem;
       margin-bottom: 10px;
       border-radius: 6px;
-      box-shadow:  gray -1px 1px 10px;
+      box-shadow:  ${(props) => props.theme.subItemBoxShadow} -1px 1px 10px;
     }
 
     .plus {
@@ -750,6 +750,7 @@ const NavigationWrap = styled.header`
 
     .mobile-sub-menu-item {
       font-size: 1rem;
+      font-weight: bold;
       &:hover {
         color: ${(props) => props.theme.menuColor};
       }
@@ -758,7 +759,6 @@ const NavigationWrap = styled.header`
 
   .nav-link-active {
   color: ${(props) => props.theme.menuHoverColor};
-  border: 1px solid;
   
     transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
   }

diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js
@@ -53,7 +53,9 @@ const lighttheme = {
 
   //light grey
   //subItemColor: "#c1c1c1a6",
-  subItemColor: "linear-gradient(90deg, rgba(226,226,226,1) 0%, rgba(203,203,203,1) 83%, rgba(213,213,213,1) 98%)",
+  subItemColor: "linear-gradient(90deg, rgb(226, 226, 226) 0%, rgb(190, 190, 190) 83%, rgb(189, 189, 189) 98%);",
+
+  subItemBoxShadow: "#5F5F5F",
 
 
   //light grey
@@ -291,6 +293,9 @@ export const darktheme = {
   //dark grey
   //subItemColor: "#565656",
   subItemColor: "linear-gradient(90deg, rgba(159,159,159,1) 0%, rgba(147,147,147,1) 69%, rgba(143,143,143,1) 83%)",
+
+
+  subItemBoxShadow: "grey",
   // 00D3A9
   // caribbean green (light green)
   menuHoverColor: "#00D3A9",