style: 💄 changed box shadow color on search results

benhalverson · benhalverson · commit 0c28c366faad · 2021-11-03T21:03:59.000-07:00
diff --git a/src/components/SearchBar/SearchBar.scss b/src/components/SearchBar/SearchBar.scss
@@ -1,7 +1,7 @@
 .searchBarContainer {
   background-color: var(--color-fill-top-nav);
   border-radius: 6px;
-  box-shadow: 0px 2px 12px 3px rgba(0, 0, 0, 0.14);
+  box-shadow: 0px 2px 12px 3px rgba(153,204, 125, 0.14);
   display: flex;
   flex-direction: column;
   height: 3.8em;
diff --git a/src/styles/mobile.scss b/src/styles/mobile.scss
@@ -2,8 +2,7 @@
   body {
     --banner-clip: polygon(0 0, 100% 0, 100% calc(100% - 52px), 0 100%);
   }
-
-  .side-nav {
+ .side-nav {
     margin-right: -36rem;
 
     &::after {
@@ -55,6 +54,14 @@
     font-size: 0.5625rem;
   }
 
+  .searchBarContainer {
+    width: 18em;
+  }
+  
+  .searchInputContainer {
+    width: 94%;
+  }
+ 
   body {
     --nav-height: 5.2rem;
     --banner-clip: polygon(
diff --git a/src/styles/tokens.scss b/src/styles/tokens.scss
@@ -167,5 +167,4 @@ body {
   --color-fill-action: var(--brand4);
   --color-fill-button: var(--pink5);
 
-  /*for actionable elements*/
 }
