mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-30 12:18:09 +00:00
center tooltip
This commit is contained in:
parent
08b30b5daa
commit
56d2b8a0f7
@ -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 (
|
||||||
|
Loading…
Reference in New Issue
Block a user