aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-11-06 21:33:31 +0800
committerAugust Skare <post@augustskare.no>2018-11-06 21:33:31 +0800
commit6b8f8580d841ec8525def8951ceb94d1147e74aa (patch)
tree7471f37de3094585c388908b476d289698bedf6b
parenteb9d80214693f7fb7c95ab6da546b6d89d33bee6 (diff)
downloaddexon-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.tsx13
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);