diff --git a/src/pages/Pool/WithdrawTab.tsx b/src/pages/Pool/WithdrawTab.tsx index 7726e311..c1fdd28e 100644 --- a/src/pages/Pool/WithdrawTab.tsx +++ b/src/pages/Pool/WithdrawTab.tsx @@ -36,7 +36,9 @@ export class WithdrawTab extends React.Component< } state = { searchText: '' }; - + renderThumbVertical=()=>{ + return
+ } render() { const pairs = Array.from(new Set(this.props.pairs.values())); @@ -64,7 +66,7 @@ export class WithdrawTab extends React.Component< /> ) : null} - + {pairs .filter(p => { return ( diff --git a/src/pages/Pool/styles.styl b/src/pages/Pool/styles.styl index c438c870..4cdc0a60 100644 --- a/src/pages/Pool/styles.styl +++ b/src/pages/Pool/styles.styl @@ -106,4 +106,14 @@ input { color: black !important; background: rgb(222, 222, 222) !important; } +} + +.thumb{ + border-radius: 20px; + &.dark{ + background: #555; + } + &.light { + background: #ccc; + } } \ No newline at end of file diff --git a/src/pages/TokenModal/TokenSelector/TokenSelector.tsx b/src/pages/TokenModal/TokenSelector/TokenSelector.tsx index 17c9aa0c..2f3c997f 100644 --- a/src/pages/TokenModal/TokenSelector/TokenSelector.tsx +++ b/src/pages/TokenModal/TokenSelector/TokenSelector.tsx @@ -48,6 +48,9 @@ export const TokenSelector = (props: { const filteredTokens = props.tokens.filter(t => { return (t.symbol + String(t.address)).toLowerCase().includes(searchText); }); + const renderThumbVertical=()=>{ + return
+ } const {theme} =useStores(); return ( ) : (
- + { filteredTokens .sort((a, b) => { diff --git a/src/pages/TokenModal/TokenSelector/styles.styl b/src/pages/TokenModal/TokenSelector/styles.styl index 02c03a96..7ae5bd89 100644 --- a/src/pages/TokenModal/TokenSelector/styles.styl +++ b/src/pages/TokenModal/TokenSelector/styles.styl @@ -144,4 +144,14 @@ &.addCustomToken__button{ background: rgba(255, 255, 255, 0.1); } +} + +.thumb{ + border-radius: 20px; + &.dark{ + background: #555; + } + &.light { + background: #ccc; + } } \ No newline at end of file