diff options
Diffstat (limited to 'packages/website/ts/@next/components')
| -rw-r--r-- | packages/website/ts/@next/components/definition.tsx | 23 |
1 files changed, 20 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx index 294c194a5..f7998b841 100644 --- a/packages/website/ts/@next/components/definition.tsx +++ b/packages/website/ts/@next/components/definition.tsx @@ -41,9 +41,15 @@ export const Definition = (props: Props) => ( {props.title} </Heading> - <Paragraph isMuted={true}> - {props.description} - </Paragraph> + {typeof props.description === 'string' ? ( + <Paragraph isMuted={true}> + {props.description} + </Paragraph> + ) : ( + <> + {props.description} + </> + )} {props.actions && <LinkWrap> @@ -92,6 +98,17 @@ const TextWrap = styled.div<Props>` width: 100%; max-width: 560px; + ul { + padding-left: 1rem; + } + + li { + list-style: disc; + opacity: 0.75; + line-height: 1.444444444; + margin-bottom: 1rem; + } + @media (min-width: 768px) { margin-left: ${props => props.isInlineIcon && '60px'}; } |