oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

fix indicator placement in web3 message

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-02-26 10:45:42 -03:00
parent 5aff555455
commit a38bb20bfc
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Web3message.module.scss
View File

@ -3,7 +3,7 @@
.message {
margin-bottom: $spacer;
color: $brand-grey;
padding-left: 1.5rem;
padding-left: 2rem;
position: relative;
border-bottom: .1rem solid $brand-grey-lighter;
border-top: .1rem solid $brand-grey-lighter;
@ -16,3 +16,8 @@
margin-left: $spacer / 8;
background: none;
}
.status {
margin-left: -($spacer);
margin-right: $spacer / 3;
}

12
src/components/Web3message.tsx
View File

@ -24,8 +24,9 @@ export default class Web3message extends PureComponent {
public noWeb3() {
return (
<div className={styles.message}>
<AccountStatus /> No Web3 Browser. For publishing an asset you
need to use a Web3-capable plugin or browser, like{' '}
<AccountStatus className={styles.status} /> No Web3 Browser. For
publishing an asset you need to use a Web3-capable plugin or
browser, like{' '}
<a href="https://docs.oceanprotocol.com/tutorials/wallets/#how-to-setup-metamask">
MetaMask
</a>
@ -37,8 +38,8 @@ export default class Web3message extends PureComponent {
public unlockAccount(states: any) {
return (
<div className={styles.message}>
<AccountStatus /> Account locked. For publishing an asset you
need to unlock your Web3 account.
<AccountStatus className={styles.status} /> Account locked. For
publishing an asset you need to unlock your Web3 account.
<Button link onClick={states.startLogin}>
Unlock account
</Button>
@ -49,7 +50,8 @@ export default class Web3message extends PureComponent {
public haveAccount(account: string) {
return (
<div className={styles.message}>
<AccountStatus /> Connected with account
<AccountStatus className={styles.status} /> Connected with
account
<code className={styles.account} title={account && account}>
{`${account && account.substring(0, 20)}...`}
</code>