center tooltip

pull/501/head
slowbackspace 5 years ago
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,6 +141,7 @@ class AccountBalance extends PureComponent<Props, State> {
} }
const NoRatesTooltip = ( const NoRatesTooltip = (
<TooltipContainer>
<Tooltip <Tooltip
maxWidth={285} maxWidth={285}
placement="top" placement="top"
@ -145,6 +149,7 @@ class AccountBalance extends PureComponent<Props, State> {
> >
<StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} /> <StyledIcon icon={ICONS.HELP} color={colors.TEXT_SECONDARY} size={12} />
</Tooltip> </Tooltip>
</TooltipContainer>
); );
return ( return (

Loading…
Cancel
Save