feat: scrollable search filter (#103)

Make chains list modal scrollable --------- Signed-off-by: pbio <[email protected]> Co-authored-by: J M Rossy <[email protected]>
hyperlane-xyz · Aug 14, 2024 · 9fb83e5 · 9fb83e5
1 parent eb3ff32
commit 9fb83e5
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/components/search/SearchFilterBar.tsx b/src/components/search/SearchFilterBar.tsx
@@ -189,8 +189,8 @@ function ChainMultiSelector({
               </TextButton>
             </div>
           </div>
-          <div className="mt-2.5 flex space-x-6">
-            <div className="flex flex-col">
+          <div className="mt-2.5 flex space-x-2">
+            <div className="flex flex-col overflow-x-hidden overflow-y-auto max-h-100">
               <div className="pb-1.5">
                 <CheckBox
                   checked={!hasAnyUncheckedChain(mainnets)}
@@ -216,8 +216,7 @@ function ChainMultiSelector({
                 </CheckBox>
               ))}
             </div>
-            <div className="self-stretch w-px my-1 bg-gray-100"></div>
-            <div className="flex flex-col">
+            <div className="flex flex-col overflow-x-hidden overflow-y-auto max-h-100">
               <div className="pb-1.5">
                 <CheckBox
                   checked={!hasAnyUncheckedChain(testnets)}