diff options
| author | August Skare <post@augustskare.no> | 2018-11-06 21:33:31 +0800 |
|---|---|---|
| committer | August Skare <post@augustskare.no> | 2018-11-06 21:33:31 +0800 |
| commit | 6b8f8580d841ec8525def8951ceb94d1147e74aa (patch) | |
| tree | 7471f37de3094585c388908b476d289698bedf6b | |
| parent | eb9d80214693f7fb7c95ab6da546b6d89d33bee6 (diff) | |
| download | dexon-0x-contracts-6b8f8580d841ec8525def8951ceb94d1147e74aa.tar.gz dexon-0x-contracts-6b8f8580d841ec8525def8951ceb94d1147e74aa.tar.zst dexon-0x-contracts-6b8f8580d841ec8525def8951ceb94d1147e74aa.zip | |
fix large button on small screens
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Button.tsx | 13 |
1 files changed, 10 insertions, 3 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx index 95f2c6d75..2a968af28 100644 --- a/packages/dev-tools-pages/ts/components/Button.tsx +++ b/packages/dev-tools-pages/ts/components/Button.tsx @@ -40,11 +40,18 @@ const Button = background-color: ${props => props.colors.secondary_alt}; outline: 0; } - + ${media.small` - font-size: .875rem; - padding: .5625rem 1.25rem; + font-size: .875rem; + padding: .5625rem 1.25rem; `} + + ${props => + props.large && + media.small` + font-size: 1rem; + padding: 1rem 1.5rem .75rem; + `} `; export default withContext(Button); |