bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CryptoDonate: style form elements

Browse source
This commit is contained in:
Alex Gleason 2021-06-09 18:53:13 -05:00
parent acbfd7bcc3
commit 940af0dd85
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
2 changed files with 13 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/soapbox/features/crypto_donate/components/crypto_address.js
View file

@ -53,7 +53,7 @@ export default class CryptoAddress extends ImmutablePureComponent {
</div> </div>
</div> </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 simple_form'>
<input ref={this.setInputRef} type='text' value={address} /> <input ref={this.setInputRef} type='text' value={address} />
<button className='crypto-address__copy' onClick={this.handleCopyClick}> <button className='crypto-address__copy' onClick={this.handleCopyClick}>
<FormattedMessage id='crypto_donate.copy' defaultMessage='Copy' /> <FormattedMessage id='crypto_donate.copy' defaultMessage='Copy' />

12
app/styles/components/crypto-donate.scss
View file

@ -41,9 +41,21 @@
&__address { &__address {
margin-top: auto; margin-top: auto;
display: flex; display: flex;
align-items: center;
justify-content: center;
input { input {
flex: 1; flex: 1;
font-size: 14px !important;
border-radius: 4px 0 0 4px !important;
}
button {
width: auto;
font-size: 14px;
margin: 0;
padding-bottom: 9px;
border-radius: 0 4px 4px 0;
} }
} }
} }