Browse Source
Merge pull request #700 from LN-Zap/feat/network-pill
feat(testnet): add pill to UI on testnet
renovate/lint-staged-8.x
Tom Kirkpatrick
7 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
18 additions and
3 deletions
-
app/components/Wallet/Wallet.js
-
app/components/Wallet/Wallet.scss
|
|
@ -49,6 +49,7 @@ const Wallet = ({ |
|
|
|
<header className={styles.header}> |
|
|
|
<section className={styles.logo}> |
|
|
|
<Isvg className={styles.bitcoinLogo} src={zapLogo} /> |
|
|
|
{info.data.testnet && <span className={styles.testnetPill}>Testnet</span>} |
|
|
|
</section> |
|
|
|
|
|
|
|
<section className={styles.user}> |
|
|
|
|
|
@ -13,9 +13,23 @@ |
|
|
|
flex-direction: row; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.logo span svg { |
|
|
|
width: 64px; |
|
|
|
height: 24px; |
|
|
|
.logo span { |
|
|
|
line-height: 24px; |
|
|
|
|
|
|
|
svg { |
|
|
|
width: 64px; |
|
|
|
height: 24px; |
|
|
|
vertical-align: top; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.testnetPill { |
|
|
|
margin-left: 10px; |
|
|
|
// border: 1px solid rgb(57, 230, 115); |
|
|
|
// padding: 5px 15px; |
|
|
|
font-size: 10px; |
|
|
|
border-radius: 100px; |
|
|
|
color: rgb(57, 230, 115); |
|
|
|
} |
|
|
|
|
|
|
|
.user { |
|
|
|