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

stying edits: small collection of various visual fixes

Browse Source 
All edits were constrained within the `/components` directory of the wallet src. Most involve simple value switches and other similarly simple fixes, towards matching designs.
This commit is contained in:
édouard 2021-04-26 01:55:51 -04:00 committed by ixv
parent 82829c6ee0
commit 2c6c83bc14
7 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pkg/btc-wallet/src/js/components/lib/balance.js
View File

@ -81,14 +81,14 @@ export default class Balance extends Component {
height="400px"
width='100%'
backgroundColor="white"
borderRadius="32px"
borderRadius="48px"
justifyContent="space-between"
mb={5}
p={5}
>
<Row justifyContent="space-between">
<Text color="orange" fontSize={1}>Balance</Text>
<Text color="lighterGray" fontSize="14px" mono>{addressText}</Text>
<Text color="lightGray" fontSize="14px" mono>{addressText}</Text>
<CurrencyPicker
denomination={denomination}
currencies={this.props.state.currencyRates}

2
pkg/btc-wallet/src/js/components/lib/currencyPicker.js
View File

@ -33,7 +33,7 @@ export default class CurrencyPicker extends Component {
render() {
return (
<Row style={{cursor: "pointer"}} onClick={this.switchCurrency}>
<Icon icon="ChevronDouble" color="orange" pt="2px"/>
<Icon icon="ChevronDouble" color="orange" pt="2px" pr={1} />
<Text color="orange" fontSize={1}>{this.props.denomination}</Text>
</Row>
);

4
pkg/btc-wallet/src/js/components/lib/header.js
View File

@ -30,7 +30,7 @@ export default class Header extends Component {
alignItems="center"
justifyContent="center"
>
<Icon icon="Bitcoin" width={5} height={5} color="white"/>
<Icon icon="Bitcoin" width={4} p={1} height={4} color="white"/>
</Box>
<Text fontSize={2} fontWeight="bold" color="orange">
Bitcoin
@ -42,7 +42,7 @@ export default class Header extends Component {
height={5}
p={2}
>
<Icon icon="Gear" color="gray" />
<Icon icon="Adjust" color="orange" />
</Box>
</Row>
);

2
pkg/btc-wallet/src/js/components/lib/invoice.js
View File

@ -91,7 +91,7 @@ export default class Invoice extends Component {
height='400px'
width='100%'
backgroundColor='white'
borderRadius='32px'
borderRadius='48px'
mb={5}
p={5}
>

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

@ -177,7 +177,7 @@ export default class Send extends Component {
height='400px'
width='100%'
backgroundColor='white'
borderRadius='32px'
borderRadius='48px'
mb={5}
p={5}
display="flex"
@ -274,7 +274,7 @@ export default class Send extends Component {
});
}}
/>
<Text color="lighterGray" fontSize={1} ml={3}>sats</Text>
<Text color="lightGray" fontSize={1} ml={3}>sats</Text>
</Row>
<Row mt={4} width="100%" justifyContent="space-between">
<Text
@ -310,9 +310,11 @@ export default class Send extends Component {
>
<Button
primary
children='Sign Transaction' mr={3}
children='Sign Transaction'
fontSize={1}
fontWeight='bold'
borderRadius='24px'
mt={4}
py='24px'
px='24px'
onClick={() =>{

2
pkg/btc-wallet/src/js/components/lib/sent.js
View File

@ -19,7 +19,7 @@ export default function Sent(props) {
height='400px'
width='100%'
backgroundColor='orange'
borderRadius='32px'
borderRadius='48px'
mb={5}
p={5}
>

4
pkg/btc-wallet/src/js/components/lib/transactions.js
View File

@ -27,7 +27,7 @@ export default class Transactions extends Component {
width="100%"
p={5}
mb={5}
borderRadius="32px"
borderRadius="48px"
backgroundColor="white"
>
<Text color="gray" fontSize={2} fontWeight="bold">No Transactions Yet</Text>
@ -38,7 +38,7 @@ export default class Transactions extends Component {
<Col
width='100%'
backgroundColor="white"
borderRadius="32px"
borderRadius="48px"
mb={5}
p={5}
>