Skip to content

Commit

Permalink
Cosmetic improvements (dexlab-io#78)
Browse files Browse the repository at this point in the history
* Changed the padding of the status container so that the status text
  can be displayed in one line on desktop
* Changed the padding of the payment info container so that the
  receiving address container has more space
* Changed the crypto token info so that it contains a dropdown menu
  • Loading branch information
Emilio Silva Schlenker committed Mar 14, 2019
1 parent 1c828d6 commit 3ace3f1
Showing 1 changed file with 6 additions and 3 deletions.
9 changes: 6 additions & 3 deletions src/pages/Dashboard/components/Tip.js
Original file line number Diff line number Diff line change
Expand Up @@ -14,15 +14,15 @@ const Container = styled.div`
`;

const FiatContainer = styled.div`
padding: 10px 75px 0px 75px;
padding: 10px 10px 10px 10px;
border-bottom: ${props => `1px solid ${props.theme.borderColor}`};
text-align: center;
`;

const Title = styled.span``;

const PaymentInfo = styled.div`
padding: 12px 75px;
padding: 12px 12px;
`;

class Tip extends Component {
Expand Down Expand Up @@ -84,7 +84,10 @@ class Tip extends Component {

return this.props.active && (
<Container>
<CryptoAmount cryptoValue={{dai: ''}} />
<CryptoAmount
cryptoValue={{dai: ''}}
hasSelection={true}
/>
<FiatContainer>
<Title className="is-family-secondary">{title}</Title>
</FiatContainer>
Expand Down

0 comments on commit 3ace3f1

Please sign in to comment.