fix: menu dropdown shadow

DTS-STN · Nov 25, 2022 · 49eac51 · 49eac51
1 parent 229bcee
commit 49eac51
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Menu/Menu.js b/src/components/Menu/Menu.js
@@ -85,7 +85,7 @@ export function Menu(props) {
             {showDropdown && (
               <div
                 id="dropdownNavbar"
-                className="sm:ds-absolute sm:ds-w-[260px] ds-dropdown-list ds-text-[#284162] ds-bg-white"
+                className="sm:ds-absolute sm:ds-w-[260px] dropdownShadow ds-text-[#284162] ds-bg-white"
                 aria-labelledby="dropdownLargeButton"
                 ref={dropdown}
               >

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -2,11 +2,6 @@
   background-image: url("../assets/bg-banner-v2.png");
 }
 
-.ds-dropdown-list {
-  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-  border-radius: 0px 0px 5px 5px;
-}
-
 /* Uses mobile background on smaller screens*/
 @media (max-width: 449px) {
   .bannerBg {

diff --git a/src/styles/menu.css b/src/styles/menu.css
@@ -56,6 +56,11 @@ nav {
   display: block;
 }
 
+.dropdownShadow {
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+  border-radius: 0px 0px 5px 5px;
+}
+
 @screen sm {
   #menuButton,
   #closeMenu {