aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/relayer_index/relayer_index.tsx
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-05-17 07:47:04 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-05-18 02:02:55 +0800
commit00515eb6f96c44387575fbae6f527c3661e84f43 (patch)
tree5c4e03b011e40a51c19ba291e8898a8ced41cfd1 /packages/website/ts/components/relayer_index/relayer_index.tsx
parent63e7391981fca437efba221ff4babdb9d6fdac5b (diff)
downloaddexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.tar
dexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.tar.gz
dexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.tar.bz2
dexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.tar.lz
dexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.tar.xz
dexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.tar.zst
dexon-sol-tools-00515eb6f96c44387575fbae6f527c3661e84f43.zip
Refactor a bunch of layouts into their own files
Diffstat (limited to 'packages/website/ts/components/relayer_index/relayer_index.tsx')
-rw-r--r--packages/website/ts/components/relayer_index/relayer_index.tsx19
1 files changed, 7 insertions, 12 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_index.tsx b/packages/website/ts/components/relayer_index/relayer_index.tsx
index 5ab2e8c17..d8b06010b 100644
--- a/packages/website/ts/components/relayer_index/relayer_index.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_index.tsx
@@ -60,18 +60,13 @@ export class RelayerIndex extends React.Component<RelayerIndexProps, RelayerInde
if (!readyToRender) {
return (
// TODO: consolidate this loading component with the one in portal
- <div className="pt4 sm-px2 sm-pt2 sm-m1" style={{ height: 500 }}>
- <div
- className="relative sm-px2 sm-pt2 sm-m1"
- style={{ height: 122, top: '50%', transform: 'translateY(-50%)' }}
- >
- <div className="center pb2">
- {_.isUndefined(this.state.error) ? (
- <CircularProgress size={40} thickness={5} />
- ) : (
- <Retry onRetry={this._fetchRelayerInfosAsync.bind(this)} />
- )}
- </div>
+ <div style={styles.root}>
+ <div className="center">
+ {_.isUndefined(this.state.error) ? (
+ <CircularProgress size={40} thickness={5} />
+ ) : (
+ <Retry onRetry={this._fetchRelayerInfosAsync.bind(this)} />
+ )}
</div>
</div>
);