From f31f9eb24e5376f57d0b4b53a00fd44cf65e9448 Mon Sep 17 00:00:00 2001 From: Megan Pearson Date: Mon, 22 Oct 2018 14:48:07 +0200 Subject: Implements Lead typography --- packages/dev-tools-pages/ts/components/Trace.tsx | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx') 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) { The Issue - + 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. @@ -57,7 +57,7 @@ function Trace(props: Props) { The Fix - + Sol-trace will give you full stack traces, including contract names, line numbers and code snippets, every time you encounter an error. @@ -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; `}; `; -- cgit v1.2.3