aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/HeaderBar/index.tsx
diff options
context:
space:
mode:
authorGravatar Joe Banks <[email protected]>2020-10-12 15:04:06 +0100
committerGravatar GitHub <[email protected]>2020-10-12 15:04:06 +0100
commit0abf07647a7f56ecd4b16c3bd0b6aef9cf8052a8 (patch)
tree324220fcdf616152d8743e59b2ac6dcb6c6db816 /src/components/HeaderBar/index.tsx
parentMerge pull request #22 from python-discord/sentry/add-sentry-prefix (diff)
parentRemove unused dependencies (diff)
Merge pull request #23 from python-discord/build/new-process
Introduce new build system: SWC
Diffstat (limited to 'src/components/HeaderBar/index.tsx')
-rw-r--r--src/components/HeaderBar/index.tsx13
1 files changed, 4 insertions, 9 deletions
diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx
index c3d46fc..8928a08 100644
--- a/src/components/HeaderBar/index.tsx
+++ b/src/components/HeaderBar/index.tsx
@@ -1,9 +1,8 @@
/** @jsx jsx */
import { css, jsx } from "@emotion/core";
-import SVG from "react-inlinesvg";
-import header1 from "./header_1.svg";
-import header2 from "./header_2.svg";
+import Header1 from "./header_1.svg";
+import Header2 from "./header_2.svg";
interface HeaderBarProps {
title?: string
@@ -15,10 +14,6 @@ top: 0;
position: absolute;
width: 100%;
transition: height 1s;
-
-@media (max-width: 770px) {
- height: 140px;
-}
`;
function HeaderBar({ title }: HeaderBarProps) {
@@ -28,8 +23,8 @@ function HeaderBar({ title }: HeaderBarProps) {
return <div>
<div>
- <SVG src={header1} css={headerImageStyles}/>
- <SVG src={header2} css={headerImageStyles}/>
+ <Header1 css={headerImageStyles}/>
+ <Header2 css={headerImageStyles}/>
</div>
<h1 css={css`
font-size: 4vw;