diff options
| author | August Skare <post@augustskare.no> | 2018-10-22 15:02:59 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-10-22 15:02:59 +0800 |
| commit | bf7443c985f2b26458586ece6661dd3e13215b79 (patch) | |
| tree | ea8a01b9e738a2a3b476fb2e2dd6d218c3fd7788 | |
| parent | 6c39d498c2ec10377c84a6c7a830460ef2266c46 (diff) | |
| download | dexon-sol-tools-bf7443c985f2b26458586ece6661dd3e13215b79.tar.gz dexon-sol-tools-bf7443c985f2b26458586ece6661dd3e13215b79.tar.zst dexon-sol-tools-bf7443c985f2b26458586ece6661dd3e13215b79.zip | |
button styling on small screens
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Button.tsx | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx index 2d0fbc353..eae6aaf54 100644 --- a/packages/dev-tools-pages/ts/components/Button.tsx +++ b/packages/dev-tools-pages/ts/components/Button.tsx @@ -1,6 +1,7 @@ import styled from 'styled-components'; import { colors } from '../variables'; +import { media } from 'ts/variables'; import { withContext, Props } from './withContext'; interface ButtonProps extends Props { @@ -22,6 +23,12 @@ const Button = border-radius: 5rem; padding: ${props => (props.large ? '1.125rem 2.375rem' : '.5625rem 1.25rem')}; display: inline-block; + ${props => + props.large && + media.small` + font-size: 1rem; + padding: .875rem 1.5rem; + `} `; export default withContext(Button); |