1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-30 12:18:09 +00:00

center tooltip

This commit is contained in:
slowbackspace 2019-04-11 15:16:22 +02:00
parent 08b30b5daa
commit 56d2b8a0f7

View File

@ -92,11 +92,14 @@ const Label = styled.div`
const StyledIcon = styled(Icon)` const StyledIcon = styled(Icon)`
cursor: pointer; cursor: pointer;
margin-left: 6px;
align-items: center; align-items: center;
margin-top: -5px; margin-top: -5px;
`; `;
const TooltipContainer = styled.div`
margin-left: 6px;
`;
const TooltipWrapper = styled.div` const TooltipWrapper = styled.div`
display: flex; display: flex;
align-items: center; align-items: center;
@ -138,13 +141,15 @@ class AccountBalance extends PureComponent<Props, State> {
} }
const NoRatesTooltip = ( const NoRatesTooltip = (
<Tooltip <TooltipContainer>
maxWidth={285} <Tooltip
placement="top" maxWidth={285}
content={<FormattedMessage {...l10nMessages.TR_FIAT_RATES_ARE_NOT_CURRENTLY} />} placement="top"
> content={<FormattedMessage {...l10nMessages.TR_FIAT_RATES_ARE_NOT_CURRENTLY} />}
<StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} /> >
</Tooltip> <StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} />
</Tooltip>
</TooltipContainer>
); );
return ( return (