urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2025-01-05 11:09:30 +03:00
Code Issues Packages Projects Releases Wiki Activity

btc: styling improvements in send.js

Browse Source
This commit is contained in:
pkova 2021-04-16 13:11:05 +03:00 committed by ixv
parent 2391185916
commit a548414baf
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
pkg/btc-wallet/src/js/components/lib/send.js
View File

@ -18,7 +18,7 @@ export default class Send extends Component {
this.state = { this.state = {
signing: false, signing: false,
denomAmount: '0.00', denomAmount: '0.00',
satsAmount: '0.00', satsAmount: '0',
payee: '', payee: '',
}; };
@ -76,9 +76,17 @@ export default class Send extends Component {
alignItems='center' alignItems='center'
mt={6} mt={6}
justifyContent='space-between'> justifyContent='space-between'>
<Text fontSize={1}>To</Text> <Text
gray
fontSize={1}
width='40%'
fontWeight='600'
>
To
</Text>
<Input <Input
width='auto' width='100%'
fontSize='14px'
placeholder='~sampel-palnet or BTC address' placeholder='~sampel-palnet or BTC address'
value={payee} value={payee}
onChange={e => { onChange={e => {
@ -88,13 +96,19 @@ export default class Send extends Component {
</Row> </Row>
<Row <Row
alignItems='center' alignItems='center'
mt={2} mt={4}
justifyContent='space-between'> justifyContent='space-between'>
<Text fontSize={1}>Amount</Text> <Text
gray
fontSize={1}
width='40%'
fontWeight='600'
>Amount</Text>
<Input <Input
fontSize='14px'
width='100%'
type='number' type='number'
border='none' border='none'
width='auto'
value={denomAmount} value={denomAmount}
onChange={e => { onChange={e => {
this.setState({ this.setState({
@ -109,10 +123,13 @@ export default class Send extends Component {
alignItems='center' alignItems='center'
mt={2} mt={2}
justifyContent='space-between'> justifyContent='space-between'>
{/* yes this is a hack */}
<Box width='40%' />
<Input <Input
fontSize='14px'
width='100%'
type='number' type='number'
border='none' border='none'
width='auto'
value={satsAmount} value={satsAmount}
onChange={e => { onChange={e => {
this.setState({ this.setState({