moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CryptoDonate: improve styling

This commit is contained in:
Alex Gleason 2021-06-09 17:55:28 -05:00
parent fde99ff11c
commit 51ac3e3d4e
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
2 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/soapbox/features/crypto_donate/components/crypto_address.js
View File

@ -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} />

32
app/styles/components/crypto-donate.scss
View File

@ -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 {