aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Trace.tsx
diff options
context:
space:
mode:
authorMegan Pearson <megan.e.pearson@gmail.com>2018-10-23 16:18:12 +0800
committerGitHub <noreply@github.com>2018-10-23 16:18:12 +0800
commite624759bc787e826f8d7011352754f62d0a84a02 (patch)
treece644376d49276540fe5df8cc2b65e460f2e9a6b /packages/dev-tools-pages/ts/components/Trace.tsx
parentbc029df0820dfffe9e46bedaf1b42191c2cd70ed (diff)
parent0836ab370e179f197f654034e8e813c8617f73cb (diff)
downloaddexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.tar
dexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.tar.gz
dexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.tar.bz2
dexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.tar.lz
dexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.tar.xz
dexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.tar.zst
dexon-sol-tools-e624759bc787e826f8d7011352754f62d0a84a02.zip
Merge pull request #4 from bakkenbaeck/feature/moreresponsive
Feature/moreresponsive
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Trace.tsx9
1 files changed, 4 insertions, 5 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx
index 5e52ee154..62994a810 100644
--- a/packages/dev-tools-pages/ts/components/Trace.tsx
+++ b/packages/dev-tools-pages/ts/components/Trace.tsx
@@ -3,7 +3,7 @@ import styled from 'styled-components';
import { colors, media } from '../variables';
import { withContext, Props } from './withContext';
-import { Alpha, Beta, Gamma } from './Typography';
+import { Alpha, Lead, Gamma } from './Typography';
import Container from './Container';
import Code from './Code';
@@ -24,7 +24,7 @@ function Trace(props: Props) {
<Wrapper>
<Block>
<Alpha>The Issue</Alpha>
- <MainCopy as="p">
+ <MainCopy>
Every time an Ethereum transaction fails, it's extremely hard to trace down the troublemaking
line of code. The only hint you'll get is a generic error.
</MainCopy>
@@ -57,7 +57,7 @@ function Trace(props: Props) {
<Block background={colors.secondary}>
<Alpha>The Fix</Alpha>
- <MainCopy as="p">
+ <MainCopy>
Sol-trace will give you full stack traces, including contract names, line numbers and code
snippets, every time you encounter an error.
</MainCopy>
@@ -155,11 +155,10 @@ const Block =
`};
`;
-const MainCopy = styled(Beta)`
+const MainCopy = styled(Lead)`
margin-bottom: 3.1875rem;
${media.small`
margin-bottom: 1.125rem;
- font-size: 1rem;
`};
`;