diff options
| author | Brandon Millman <brandon.millman@gmail.com> | 2018-03-31 06:00:02 +0800 |
|---|---|---|
| committer | Brandon Millman <brandon.millman@gmail.com> | 2018-03-31 06:00:02 +0800 |
| commit | cdbb3a015fec03f84524fd9072e8e73f6e6fbc53 (patch) | |
| tree | 8d9ec30c6aac9a828ed8238b5188f197a9b3df15 | |
| parent | 870da2ab225f37ae5b566e16ef2ae83834b3abf2 (diff) | |
| download | dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.gz dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.bz2 dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.lz dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.xz dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.tar.zst dexon-sol-tools-cdbb3a015fec03f84524fd9072e8e73f6e6fbc53.zip | |
Add HACK comment and reorganize use other wallet button
| -rw-r--r-- | packages/website/ts/components/wallet/wallet_disconnected_item.tsx | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/packages/website/ts/components/wallet/wallet_disconnected_item.tsx b/packages/website/ts/components/wallet/wallet_disconnected_item.tsx index d74ca23f6..89e32f7be 100644 --- a/packages/website/ts/components/wallet/wallet_disconnected_item.tsx +++ b/packages/website/ts/components/wallet/wallet_disconnected_item.tsx @@ -20,7 +20,12 @@ const styles: Styles = { height: 80, }, hrefAdjustment: { - paddingTop: 20, // For some reason when we set the href prop of a FlatButton material-ui reduces the top padding + paddingTop: 20, // HACK: For some reason when we set the href prop of a FlatButton material-ui reduces the top padding + }, + otherWalletText: { + fontSize: 14, + color: colors.grey500, + textDecoration: 'underline', }, }; @@ -42,15 +47,12 @@ export const WalletDisconnectedItem: React.StatelessComponent<WalletDisconnected <ProviderButton isExternallyInjectedProvider={isExternallyInjectedProvider} /> <div className="flex flex-center py2" style={{ paddingBottom: BUTTON_BOTTOM_PADDING }}> <div className="mx-auto"> - <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} /> - <a - className="px1" - href="javascript:;" - onClick={props.onToggleLedgerDialog} - style={{ fontSize: 14, color: colors.grey500 }} - > - use other wallet - </a> + <div onClick={props.onToggleLedgerDialog} style={{ cursor: 'pointer' }}> + <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} /> + <span className="px1" style={styles.otherWalletText}> + user other wallet + </span> + </div> </div> </div> </div> |