diff --git a/src/views/Wallet/views/Account/Send/ethereum/index.js b/src/views/Wallet/views/Account/Send/ethereum/index.js index 695575fa..7b69babd 100644 --- a/src/views/Wallet/views/Account/Send/ethereum/index.js +++ b/src/views/Wallet/views/Account/Send/ethereum/index.js @@ -4,7 +4,7 @@ import React from 'react'; import BigNumber from 'bignumber.js'; import styled, { css } from 'styled-components'; import { Select, Button, Input, Link, Icon, P, colors, icons as ICONS } from 'trezor-ui-components'; -import { FONT_SIZE, FONT_WEIGHT, TRANSITION, SCREEN_SIZE } from 'config/variables'; +import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables'; import { FIAT_CURRENCIES } from 'config/app'; import Title from 'views/Wallet/components/Title'; import Content from 'views/Wallet/components/Content'; @@ -72,42 +72,12 @@ const LocalCurrencySelect = styled(Select)` `; const SetMaxAmountButton = styled(Button)` - height: 40px; padding: 0 10px; - display: flex; - align-items: center; - justify-content: center; - font-size: ${FONT_SIZE.SMALL}; - font-weight: ${FONT_WEIGHT.SMALLEST}; - color: ${colors.TEXT_SECONDARY}; - + transition: all 0s; border-radius: 0; - border: 1px solid ${colors.DIVIDER}; border-right: 0; border-left: 0; - background: transparent; - transition: ${TRANSITION.HOVER}; - - &:hover { - background: ${colors.GRAY_LIGHT}; - } - - ${props => - props.isActive && - css` - color: ${colors.WHITE}; - background: ${colors.GREEN_PRIMARY}; - border-color: ${colors.GREEN_PRIMARY}; - - &:hover { - background: ${colors.GREEN_SECONDARY}; - } - - &:active { - background: ${colors.GREEN_TERTIARY}; - } - `} `; const CurrencySelect = styled(Select)` @@ -419,7 +389,7 @@ const AccountSend = (props: Props) => { onChange={event => onAmountChange(event.target.value)} bottomText={errors.amount || warnings.amount || infos.amount} sideAddons={[ - onSetMax()} isActive={setMax}> + onSetMax()} isWhite={!setMax}> {!setMax && ( - props.isActive && - css` - color: ${colors.WHITE}; - background: ${colors.GREEN_PRIMARY}; - border-color: ${colors.GREEN_PRIMARY}; - - &:hover { - background: ${colors.GREEN_SECONDARY}; - } - - &:active { - background: ${colors.GREEN_TERTIARY}; - } - `} `; const CurrencySelect = styled(Select)` @@ -385,7 +355,7 @@ const AccountSend = (props: Props) => { onChange={event => onAmountChange(event.target.value)} bottomText={errors.amount || warnings.amount || infos.amount} sideAddons={[ - onSetMax()} isActive={setMax}> + onSetMax()} isWhite={!setMax}> {!setMax && (