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 ( return (
<div className='crypto-address'> <div className='crypto-address'>
<div className='crypto-address__icon'> <div className='crypto-address__head'>
<img src={getCoinIcon(ticker)} alt={title} /> <div className='crypto-address__icon'>
<img src={getCoinIcon(ticker)} alt={title} />
</div>
<div className='crypto-address__title'>{title}</div>
</div> </div>
<div className='crypto-address__title'>{title}</div>
{note && <div className='crypto-address__note'>{note}</div>} {note && <div className='crypto-address__note'>{note}</div>}
<div className='crypto-address__address'> <div className='crypto-address__address'>
<input ref={this.setInputRef} type='text' value={address} /> <input ref={this.setInputRef} type='text' value={address} />

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

@ -1,5 +1,37 @@
.crypto-address { .crypto-address {
padding: 20px; 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 { .site-wallet {