aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorAugust Skare <post@augustskare.no>2018-10-26 14:15:43 +0800
committerAugust Skare <post@augustskare.no>2018-10-26 14:15:43 +0800
commit3fdc6e5e477c496aed8bf31866d1aefc0a6816a0 (patch)
treee587d0141f5b40028be0407f30549b5e27c76f2f /packages/dev-tools-pages/ts/components
parent2ef8204ab489d8abe012a4b19bf9553bfd9ae9b6 (diff)
downloaddexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.tar
dexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.tar.gz
dexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.tar.bz2
dexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.tar.lz
dexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.tar.xz
dexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.tar.zst
dexon-sol-tools-3fdc6e5e477c496aed8bf31866d1aefc0a6816a0.zip
text color in trace component
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/Trace.tsx19
1 files changed, 12 insertions, 7 deletions
diff --git a/packages/dev-tools-pages/ts/components/Trace.tsx b/packages/dev-tools-pages/ts/components/Trace.tsx
index 4b34ff145..db3846256 100644
--- a/packages/dev-tools-pages/ts/components/Trace.tsx
+++ b/packages/dev-tools-pages/ts/components/Trace.tsx
@@ -32,7 +32,7 @@ function Trace(props: Props) {
<List>
<Item>
- <Copy>
+ <Copy dark>
<Gamma as="h3">No location</Gamma>
<p>
The error basically says "anything could have gone wrong here", which keeps you
@@ -43,7 +43,7 @@ function Trace(props: Props) {
</Item>
<Item>
- <Copy>
+ <Copy dark>
<Gamma as="h3">Time-consuming</Gamma>
<p>
Working with a large code-base that contains hundreds of smart contracts, finding
@@ -94,8 +94,8 @@ 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%);
@@ -126,8 +126,8 @@ 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)};
@@ -181,9 +181,14 @@ const Item = styled.li`
}
`;
-const Copy = styled.div`
+const Copy = styled.div<{dark?: boolean;}>`
max-width: 20rem;
margin-right: 5.875rem;
+ ${props => props.dark && `
+ p {
+ color: #ccc;
+ }
+ `}
${media.small`margin-right: 2.0625rem;`};
`;