diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-17 18:48:32 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-17 18:48:32 +0800 |
| commit | 0c298b7be43998bcd10bcd323920c846ae5693cb (patch) | |
| tree | e284d9d9d9ac82db5b429ae84fe79328a3040d7e /packages | |
| parent | 6eb8256555ad276c374d9cf4410db1f19141e884 (diff) | |
| download | dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.tar dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.tar.gz dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.tar.bz2 dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.tar.lz dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.tar.xz dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.tar.zst dexon-sol-tools-0c298b7be43998bcd10bcd323920c846ae5693cb.zip | |
Fixes mobile button layout for Definition component
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/website/ts/@next/components/button.tsx | 1 | ||||
| -rw-r--r-- | packages/website/ts/@next/components/definition.tsx | 17 |
2 files changed, 15 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 05afa3534..ab804b758 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -62,6 +62,7 @@ const ButtonBase = styled.button<ButtonInterface>` border-color: ${props => (props.isTransparent && !props.isWithArrow) && 'rgba(255, 255, 255, .4)'}; color: ${props => props.isAccentColor ? props.theme.linkColor : (props.color || props.theme.textColor)}; padding: ${props => (!props.isNoPadding && !props.isWithArrow) && '18px 30px'}; + white-space: ${props => props.isWithArrow && 'nowrap'}; text-align: center; font-size: ${props => props.isWithArrow ? '20px' : '18px'}; text-decoration: none; diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx index d556bc647..77f837294 100644 --- a/packages/website/ts/@next/components/definition.tsx +++ b/packages/website/ts/@next/components/definition.tsx @@ -116,10 +116,21 @@ const TextWrap = styled.div<Props>` `; const LinkWrap = styled.div` - display: inline-flex; margin-top: 60px; - a + a { - margin-left: 60px; + @media (min-width: 768px) { + display: inline-flex; + + a + a { + margin-left: 60px; + } + } + + @media (max-width: 768px) { + max-width: 250px; + + a + a { + margin-top: 15px; + } } `; |