diff options
author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 23:05:27 +0800 |
---|---|---|
committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 23:05:27 +0800 |
commit | bc029df0820dfffe9e46bedaf1b42191c2cd70ed (patch) | |
tree | b4a36468f8cda1baaeeb1b23f18fe09800104b59 /packages/dev-tools-pages/ts/components/Trace.tsx | |
parent | 50eee9a657fe81fa0af4652f9a5a3f1892a1f1fa (diff) | |
parent | 63b53acd482d38d3015419a4996cf5c2bc1fdb50 (diff) | |
download | dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.gz dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.tar.zst dexon-sol-tools-bc029df0820dfffe9e46bedaf1b42191c2cd70ed.zip |
Merge branch 'feature/variables' into dev-tools-pages
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Trace.tsx | 22 |
1 files changed, 15 insertions, 7 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx index 545e87d53..5e52ee154 100644 --- a/packages/dev-tools-pages/ts/components/Trace.tsx +++ b/packages/dev-tools-pages/ts/components/Trace.tsx @@ -28,7 +28,7 @@ function Trace(props: Props) { 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> - <Code>Error: VM Exception while processing transaction: rever</Code> + <Code light>Error: VM Exception while processing transaction: rever</Code> <List> <Item> @@ -39,7 +39,7 @@ function Trace(props: Props) { completely in the dark about its exact location. </p> </Copy> - <NoLocation /> + <Icon as={NoLocation} /> </Item> <Item> @@ -50,7 +50,7 @@ function Trace(props: Props) { the failing line of code quickly becomes a daunting task. </p> </Copy> - <TimeConsuming /> + <Icon as={TimeConsuming} /> </Item> </List> </Block> @@ -61,7 +61,7 @@ function Trace(props: Props) { Sol-trace will give you full stack traces, including contract names, line numbers and code snippets, every time you encounter an error. </MainCopy> - <Code>Error: VM Exception while processing transaction: rever</Code> + <Code light>Error: VM Exception while processing transaction: rever</Code> <List> <Item> @@ -72,7 +72,7 @@ function Trace(props: Props) { from. </p> </Copy> - <ExactLocation /> + <Icon as={ExactLocation} /> </Item> <Item> @@ -83,7 +83,7 @@ function Trace(props: Props) { on linen X of contract Y", it drastically improves the developer experience. </p> </Copy> - <TimeSaving /> + <Icon as={TimeSaving} /> </Item> </List> </Block> @@ -102,7 +102,11 @@ const StyledSection = padding-top: 6.25rem; padding-bottom: 5.25rem; - ${media.small`background: none`}; + ${media.small` + background: none + padding-top: 0; + padding-bottom: 0; + `}; `; const Wrapper = styled(Container)` @@ -185,4 +189,8 @@ const Copy = styled.div` ${media.small`margin-right: 2.0625rem;`}; `; +const Icon = styled.div` + flex-shrink: 0; +`; + export default withContext(Trace); |