feat: scrollable search filter (#103)

Make chains list modal scrollable

---------

Signed-off-by: pbio <10051819+paulbalaji@users.noreply.github.com>
Co-authored-by: J M Rossy <jm.rossy@gmail.com>
pull/105/head
Paul Balaji 3 months ago committed by GitHub
parent eb3ff3257e
commit 9fb83e538f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
  1. 7
      src/components/search/SearchFilterBar.tsx

@ -189,8 +189,8 @@ function ChainMultiSelector({
</TextButton> </TextButton>
</div> </div>
</div> </div>
<div className="mt-2.5 flex space-x-6"> <div className="mt-2.5 flex space-x-2">
<div className="flex flex-col"> <div className="flex flex-col overflow-x-hidden overflow-y-auto max-h-100">
<div className="pb-1.5"> <div className="pb-1.5">
<CheckBox <CheckBox
checked={!hasAnyUncheckedChain(mainnets)} checked={!hasAnyUncheckedChain(mainnets)}
@ -216,8 +216,7 @@ function ChainMultiSelector({
</CheckBox> </CheckBox>
))} ))}
</div> </div>
<div className="self-stretch w-px my-1 bg-gray-100"></div> <div className="flex flex-col overflow-x-hidden overflow-y-auto max-h-100">
<div className="flex flex-col">
<div className="pb-1.5"> <div className="pb-1.5">
<CheckBox <CheckBox
checked={!hasAnyUncheckedChain(testnets)} checked={!hasAnyUncheckedChain(testnets)}

Loading…
Cancel
Save