oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01:00
Code Releases Activity

wallet styling

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-07-14 19:18:59 +02:00
parent a29ec8a219
commit ad82444cb0
Signed by: m
GPG Key ID: 606EEEF3C479A91F
2 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/molecules/Wallet/Details.module.css
View File

@ -10,16 +10,26 @@
}
.balance {
font-size: var(--font-size-base);
font-weight: var(--font-weight-bold);
color: var(--color-secondary);
white-space: nowrap;
font-size: var(--font-size-small);
}
.balance span {
font-size: var(--font-size-base);
font-weight: var(--font-weight-bold);
width: 20%;
text-align: right;
font-weight: var(--font-weight-base);
font-size: var(--font-size-small);
display: inline-block;
margin-left: 0.1rem;
margin-right: 0.4rem;
}
.actions {
border-top: 1px solid var(--brand-grey-lighter);
margin-top: calc(var(--spacer) / 2);
padding-top: calc(var(--spacer) / 2);
text-align: center;
}
.arrow,

11
src/components/molecules/Wallet/Details.tsx
View File

@ -8,21 +8,18 @@ import { connectWallet } from '../../../utils/wallet'
export default function Details({ attrs }: { attrs: any }): ReactElement {
const { balance, connect, logout } = useOcean()
const ethBalanceText = 'hello test'
// || formatNumber(Number(balance.eth))
const oceanBalanceText = 'hello test'
// || formatNumber(Number(balance.ocean))
const oceanBalance = 'Hello Test'
return (
<div className={styles.details} {...attrs}>
<ul>
<li className={styles.balance}>
OCEAN <span>{oceanBalanceText}</span>
<span>OCEAN</span> {oceanBalance}
</li>
<li className={styles.balance}>
ETH <span>{ethBalanceText}</span>
<span>ETH</span> {formatNumber(Number(balance))}
</li>
<li>
<li className={styles.actions}>
<Button
style="text"
size="small"