aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-22 15:02:59 +0800
committerAugust Skare <post@augustskare.no>2018-10-22 15:02:59 +0800
commitbf7443c985f2b26458586ece6661dd3e13215b79 (patch)
treeea8a01b9e738a2a3b476fb2e2dd6d218c3fd7788
parent6c39d498c2ec10377c84a6c7a830460ef2266c46 (diff)
downloaddexon-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.tsx7
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);