crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add HACK comment and reorganize use other wallet button

Browse Source
This commit is contained in:
Brandon Millman 2018-03-30 15:00:02 -07:00
parent 870da2ab22
commit cdbb3a015f
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/website/ts/components/wallet/wallet_disconnected_item.tsx
View File

@ -20,7 +20,12 @@ const styles: Styles = {
height: 80, height: 80,
}, },
hrefAdjustment: { 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} /> <ProviderButton isExternallyInjectedProvider={isExternallyInjectedProvider} />
<div className="flex flex-center py2" style={{ paddingBottom: BUTTON_BOTTOM_PADDING }}> <div className="flex flex-center py2" style={{ paddingBottom: BUTTON_BOTTOM_PADDING }}>
<div className="mx-auto"> <div className="mx-auto">
<img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} /> <div onClick={props.onToggleLedgerDialog} style={{ cursor: 'pointer' }}>
<a <img src="/images/ledger_icon.png" style={{ width: LEDGER_ICON_WIDTH }} />
className="px1" <span className="px1" style={styles.otherWalletText}>
href="javascript:;" user other wallet
onClick={props.onToggleLedgerDialog} </span>
style={{ fontSize: 14, color: colors.grey500 }} </div>
>
use other wallet
</a>
</div> </div>
</div> </div>
</div> </div>