chore: set color for chain select

swim-io · Oct 20, 2022 · 6a6f769 · 6a6f769
1 parent e6ffbe2
commit 6a6f769
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/apps/ui/src/components/WormholeForm/WormholeChainSelect.tsx b/apps/ui/src/components/WormholeForm/WormholeChainSelect.tsx
@@ -69,6 +69,8 @@ const WormholeChainSelect = ({
           options={chainOptions}
           valueOfSelected={String(selectedChainId)}
           onChange={(value) => onSelectChain(Number(value) as ChainId)}
+          className="euiButton--primary"
+          itemClassName="chainSelectItem"
           hasDividers
         />
       </EuiFormRow>

diff --git a/apps/ui/src/components/WormholeForm/WormholeForm.scss b/apps/ui/src/components/WormholeForm/WormholeForm.scss
@@ -21,8 +21,14 @@
   transition: all 1s ease-out;
 }
 
-@media (min-width: 768px) {
-  .wormholeForm {
-    min-width: 460px;
+@media only screen and (max-width: 748px) {
+  .chainSelectItem {
+    .euiContextMenuItem__text {
+      max-width: 80%;
+      .euiFlexGroup--responsive {
+        display: flex;
+        flex-wrap: nowrap;
+      }
+    }
   }
 }