diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 01:22:36 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 01:23:12 +0800 |
| commit | f4a95c295c427c00a5cb2df83ad145886a9d1bf4 (patch) | |
| tree | 00caeb652e837cadd03032cbf6d21fad503b835d /packages/website/ts/@next/components/definition.tsx | |
| parent | 142d29ba57f55aefd5c5e5f669c388ab57152173 (diff) | |
| download | dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.gz dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.bz2 dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.lz dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.xz dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.tar.zst dexon-sol-tools-f4a95c295c427c00a5cb2df83ad145886a9d1bf4.zip | |
WIP Begin cleanup, adds mediaquery component
Diffstat (limited to 'packages/website/ts/@next/components/definition.tsx')
| -rw-r--r-- | packages/website/ts/@next/components/definition.tsx | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx index e19f041c7..7f326bc52 100644 --- a/packages/website/ts/@next/components/definition.tsx +++ b/packages/website/ts/@next/components/definition.tsx @@ -18,7 +18,7 @@ interface Props { icon: string; iconSize?: 'medium' | 'large' | number; title: string; - description: React.Node; + description: Node; actions?: Action[]; } @@ -43,6 +43,7 @@ export const Definition = (props: Props) => ( <LinkWrap> {props.actions.map((item, index) => ( <Button + key={`dlink-${index}`} href={item.url} isWithArrow={true} isAccentColor={true} @@ -56,7 +57,7 @@ export const Definition = (props: Props) => ( </Wrap> ); -const Wrap = styled.div` +const Wrap = styled.div<Props>` max-width: ${props => props.isInline && '354px'}; & + & { @@ -81,7 +82,7 @@ const Wrap = styled.div` } `; -const TextWrap = styled.div` +const TextWrap = styled.div<Props>` width: 100%; max-width: 560px; |