Browse Source

fix(addressButton): fix addressButton style

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
a0b30ab4cd
  1. 2
      app/components/Wallet/Wallet.js
  2. 24
      app/components/Wallet/Wallet.scss

2
app/components/Wallet/Wallet.js

@ -63,7 +63,7 @@ class Wallet extends Component {
</div>
<div className={styles.right}>
<div className={styles.rightContent}>
<div className='buttonPrimary' onClick={() => this.setState({ modalOpen: true })}>
<div className={`buttonPrimary ${styles.addressButton}`} onClick={() => this.setState({ modalOpen: true })}>
<FaQrcode />
Address
</div>

24
app/components/Wallet/Wallet.scss

@ -55,7 +55,29 @@
flex-direction: row;
justify-content: flex-end;
align-items: right;
height: calc(100% - 50px);
.addressButton {
box-shadow: none;
transition: all 0.25s;
padding-top: 12px;
padding-bottom: 10px;
font-size: 14px;
&:hover {
background: darken($main, 10%);
}
span {
display: inline-block;
vertical-align: top;
&:nth-child(1) svg {
width: 14px;
height: 14px;
margin-right: 5px;
}
}
}
div {
padding: 7px 20px;

Loading…
Cancel
Save