diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-06-27 02:17:00 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-06-27 02:17:00 +0800 |
| commit | 744e6e60c51b2bfd081920b58a73e566113fee0e (patch) | |
| tree | 0171de85f7c80aa60e700300e2ea5542b2b00e59 /packages/website | |
| parent | 3a808fe7fde04585b8a9c728c6266ab5f0f20c33 (diff) | |
| download | dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.tar dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.gz dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.bz2 dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.lz dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.xz dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.zst dexon-sol-tools-744e6e60c51b2bfd081920b58a73e566113fee0e.zip | |
Polish asset picker layout
Diffstat (limited to 'packages/website')
| -rw-r--r-- | packages/website/ts/components/generate_order/asset_picker.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/website/ts/components/generate_order/asset_picker.tsx b/packages/website/ts/components/generate_order/asset_picker.tsx index b0dcf5678..0f569e1ad 100644 --- a/packages/website/ts/components/generate_order/asset_picker.tsx +++ b/packages/website/ts/components/generate_order/asset_picker.tsx @@ -117,7 +117,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt private _renderAssetPicker(): React.ReactNode { return ( <div - className="clearfix flex flex-wrap" + className="flex flex-wrap" style={{ overflowY: 'auto', maxWidth: 720, @@ -154,7 +154,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt height: TILE_DIMENSION, ...tileStyles, }} - className="p2 flex flex-column items-center" + className="p2 flex sm-col-6 md-col-3 lg-col-3 flex-column items-center mx-auto" onClick={this._onChooseToken.bind(this, address)} onMouseEnter={this._onToggleHover.bind(this, address, true)} onMouseLeave={this._onToggleHover.bind(this, address, false)} @@ -162,7 +162,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt <div className="p1"> <TokenIcon token={token} diameter={TOKEN_ICON_DIMENSION} /> </div> - <div className="center">{token.name}</div> + <div className="center">{token.symbol}</div> </div> ); }); @@ -181,7 +181,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt height: TILE_DIMENSION, ...tileStyles, }} - className="p2 mx-auto" + className="p2 flex sm-col-6 md-col-3 lg-col-3 flex-column items-center mx-auto" onClick={this._onCustomAssetChosen.bind(this)} onMouseEnter={this._onToggleHover.bind(this, otherTokenKey, true)} onMouseLeave={this._onToggleHover.bind(this, otherTokenKey, false)} |