diff --git a/website/src/components/Page/Example.js b/website/src/components/Page/Example.js index c55d1b24..1d30bac4 100644 --- a/website/src/components/Page/Example.js +++ b/website/src/components/Page/Example.js @@ -11,7 +11,6 @@ import { H4 } from 'components/Typo'; import 'example-flows/Overview'; const Wrapper = styled(Flex)` - border-top: 1px solid ${(p) => p.theme.colors.silverLighten30}; flex-grow: 1; `; @@ -19,12 +18,12 @@ const ReactFlowWrapper = styled(Box)` flex-grow: 1; .react-flow { + border-bottom:1px solid ${(p) => p.theme.colors.silverLighten30}; height: 65vh; } `; const SourceWrapper = styled(Box)` - border-top: 1px solid #eee; max-width: 1000px; margin: 0 auto; `; @@ -50,6 +49,8 @@ export default ({ children, title, slug, sourceCodeFiles = [] }) => { robots: 'index, follow', }; + console.log(sourceCodeFiles); + const hasSource = sourceCodeFiles.length > 0; return ( @@ -60,7 +61,7 @@ export default ({ children, title, slug, sourceCodeFiles = [] }) => { {children} {hasSource && ( -

Source Code

+

{title} Source Code

{sourceCodeFiles.map((source) => ( ))} diff --git a/website/src/example-flows/Provider/provider.css b/website/src/example-flows/Provider/provider.css index 7569e1fa..1a785cdc 100644 --- a/website/src/example-flows/Provider/provider.css +++ b/website/src/example-flows/Provider/provider.css @@ -1,7 +1,6 @@ .providerflow { flex-direction: column; display: flex; - height: 100%; flex-grow: 1; } @@ -27,7 +26,6 @@ .providerflow .reactflow-wrapper { flex-grow: 1; - height: 100%; } .providerflow .selectall { diff --git a/website/src/templates/example-page.js b/website/src/templates/example-page.js index 5e40bc01..62db7169 100644 --- a/website/src/templates/example-page.js +++ b/website/src/templates/example-page.js @@ -23,8 +23,6 @@ export default ({ data, pageContext }) => { load(); }, [pageContext]); - console.log(pageContext, data); - return (