aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Trace.tsx
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-29 16:13:03 +0800
committerGitHub <noreply@github.com>2018-10-29 16:13:03 +0800
commit3d4041ecd3d9384853514ea0cebc445e630b106e (patch)
tree6c242f914a2a0e2547f107656558618750c82a06 /packages/dev-tools-pages/ts/components/Trace.tsx
parent89e439c521aed35be72bee1094d8a431e5fc1d68 (diff)
downloaddexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar
dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.gz
dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.bz2
dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.lz
dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.xz
dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.tar.zst
dexon-sol-tools-3d4041ecd3d9384853514ea0cebc445e630b106e.zip
Feature/feedbacktweaks (#11)
* Fix typo * Fix 1px line showing in middle of divs * Increase inline code padding by 2px * Make masonry block not full width on screens larger than mobile * Align list items * Change button text to copied if it's been copied
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Trace.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Trace.tsx20
1 files changed, 10 insertions, 10 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx
index 3b272ce98..d5f323775 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 light>Error: VM Exception while processing transaction: rever</Code>
+ <Code light>Error: VM Exception while processing transaction: revert</Code>
<List>
<Item>
@@ -62,7 +62,7 @@ function Trace(props: Props) {
snippets, every time you encounter an error.
</MainCopy>
<Code light language="javascript">
- {`contracts/src/2.0.0/protocol/Exchange/MixinSignatureValidator.sol:51:8
+ {`contracts/src/2.0.0/protocol/Exchange/MixinSignatureValidator.sol:51:8
require(
isValidSignature(
hash,
@@ -71,7 +71,7 @@ function Trace(props: Props) {
),
"INVALID_SIGNATURE"
)`}
- </Code>
+ </Code>
<List>
<Item>
@@ -104,13 +104,11 @@ function Trace(props: Props) {
const StyledSection =
styled.section <
- TraceProps >
- `
+ TraceProps >
+ `
max-width: 90rem;
margin: 0 auto;
background: linear-gradient(to right, ${colors.black} 50%, ${props => props.background} 50%);
- padding-top: 6.25rem;
- padding-bottom: 5.25rem;
${media.small`
background: none
@@ -136,11 +134,13 @@ const Wrapper = styled(Container)`
const Block =
styled.div <
- TraceProps >
- `
+ TraceProps >
+ `
width: 50%;
background: ${props => (props.background ? props.background : colors.black)};
color: ${props => (props.background ? 'inherit' : colors.white)};
+ padding-top: 6.25rem;
+ padding-bottom: 5.25rem;
:first-of-type {
padding-right: 6.25rem;
@@ -191,7 +191,7 @@ const Item = styled.li`
}
`;
-const Copy = styled.div<{dark?: boolean;}>`
+const Copy = styled.div<{ dark?: boolean; }>`
max-width: 20rem;
margin-right: 5.875rem;
${props => props.dark && `