sforkowany z mirror/soapbox
CryptoDonate: improve styling
rodzic
fde99ff11c
commit
51ac3e3d4e
|
@ -32,10 +32,12 @@ export default class CryptoAddress extends ImmutablePureComponent {
|
|||
|
||||
return (
|
||||
<div className='crypto-address'>
|
||||
<div className='crypto-address__icon'>
|
||||
<img src={getCoinIcon(ticker)} alt={title} />
|
||||
<div className='crypto-address__head'>
|
||||
<div className='crypto-address__icon'>
|
||||
<img src={getCoinIcon(ticker)} alt={title} />
|
||||
</div>
|
||||
<div className='crypto-address__title'>{title}</div>
|
||||
</div>
|
||||
<div className='crypto-address__title'>{title}</div>
|
||||
{note && <div className='crypto-address__note'>{note}</div>}
|
||||
<div className='crypto-address__address'>
|
||||
<input ref={this.setInputRef} type='text' value={address} />
|
||||
|
|
|
@ -1,5 +1,37 @@
|
|||
.crypto-address {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&__head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
&__title {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&__icon {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
margin-right: 10px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__note {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&__address {
|
||||
margin-top: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.site-wallet {
|
||||
|
|
Ładowanie…
Reference in New Issue