diff options
| author | Francesco Agosti <francesco.agosti93@gmail.com> | 2018-09-26 23:40:12 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-09-26 23:40:12 +0800 |
| commit | 78a693e092136aea64418954491e6b25c38a67d9 (patch) | |
| tree | 62a59849dabc2902d8b7e8725cc1c8a7e1adcff2 /packages/website/ts | |
| parent | 30525d15f468dc084f923b280b265cb8d5fd4975 (diff) | |
| parent | d20f713fade2d23e847dfb349938730ca95cbf15 (diff) | |
| download | dexon-0x-contracts-78a693e092136aea64418954491e6b25c38a67d9.tar.gz dexon-0x-contracts-78a693e092136aea64418954491e6b25c38a67d9.tar.zst dexon-0x-contracts-78a693e092136aea64418954491e6b25c38a67d9.zip | |
Merge pull request #1088 from 0xProject/fix/website/relayers-column
[website] When number of relayers is less than number of columns, reduce column…
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/components/relayer_index/relayer_index.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_index.tsx b/packages/website/ts/components/relayer_index/relayer_index.tsx index 4aea1bbbb..91dbeb27a 100644 --- a/packages/website/ts/components/relayer_index/relayer_index.tsx +++ b/packages/website/ts/components/relayer_index/relayer_index.tsx @@ -56,7 +56,11 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde </div> ); } else { - const numberOfColumns = this._numberOfColumnsForScreenWidth(this.props.screenWidth); + const numberOfRelayers = this.state.relayerInfos.length; + const numberOfColumns = Math.min( + numberOfRelayers, + this._numberOfColumnsForScreenWidth(this.props.screenWidth), + ); return ( <GridList cellHeight={CELL_HEIGHT} |