diff --git a/src/components/ResourcesSidebar/index.tsx b/src/components/ResourcesSidebar/index.tsx index 5baea42..4d8df2e 100644 --- a/src/components/ResourcesSidebar/index.tsx +++ b/src/components/ResourcesSidebar/index.tsx @@ -2,7 +2,7 @@ import React, { useState, PropsWithChildren } from "react" import { useStaticQuery, graphql, Link } from "gatsby" import useBuildTree from "./useBuildTree" import useSidebar from "./../../hooks/useSidebar" -import banner from "../../images/tph-banner.png" +import Banner from "../../images/tph-banner.svg" import TriangleDown from "../../icons/triangle-down.svg" import * as SC from "./styles" @@ -124,7 +124,7 @@ export function ResourcesSidebar() { return ( - + {tree.map((node, index) => plantTree(node, index, true))} diff --git a/src/components/ResourcesSidebar/styles.tsx b/src/components/ResourcesSidebar/styles.tsx index 8a3de9e..b9c6b65 100644 --- a/src/components/ResourcesSidebar/styles.tsx +++ b/src/components/ResourcesSidebar/styles.tsx @@ -8,11 +8,6 @@ export const ResourcesSidebarWrapper = styled.div` background: #f9f9f9; ` -export const Banner = styled.img` - display: block; - width: 100%; -` - export const Children = styled.div` padding-left: 16px; padding-bottom: 8px; diff --git a/src/images/tph-banner.png b/src/images/tph-banner.png deleted file mode 100644 index 945bd65..0000000 Binary files a/src/images/tph-banner.png and /dev/null differ diff --git a/src/images/tph-banner.svg b/src/images/tph-banner.svg new file mode 100644 index 0000000..05fb2e1 --- /dev/null +++ b/src/images/tph-banner.svg @@ -0,0 +1,68 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file