Add max width to tooltip

This commit is contained in:
jeffvli
2022-11-13 02:41:08 -08:00
parent 3a8665fded
commit 74170185a2
@@ -10,6 +10,7 @@ const StyledTooltip = styled(MantineTooltip)`
export const Tooltip = ({ children, ...rest }: TooltipProps) => { export const Tooltip = ({ children, ...rest }: TooltipProps) => {
return ( return (
<StyledTooltip <StyledTooltip
multiline
withinPortal withinPortal
pl={10} pl={10}
pr={10} pr={10}
@@ -20,6 +21,7 @@ export const Tooltip = ({ children, ...rest }: TooltipProps) => {
background: 'var(--tooltip-bg)', background: 'var(--tooltip-bg)',
boxShadow: '4px 4px 10px 0px rgba(0,0,0,0.2)', boxShadow: '4px 4px 10px 0px rgba(0,0,0,0.2)',
color: 'var(--tooltip-fg)', color: 'var(--tooltip-fg)',
maxWidth: '250px',
}, },
}} }}
{...rest} {...rest}