From bb86d6120f8f1d80fd32ad25c2e705a72dc38bb4 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Mon, 12 Oct 2020 13:58:35 +0100
Subject: Fix tests

---
 src/components/HeaderBar/index.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'src/components/HeaderBar/index.tsx')

diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx
index c3d46fc..a38e97b 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
@@ -28,8 +27,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;
-- 
cgit v1.2.3


From d8d4a2b296ae62d4f309903d4533263222619874 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Mon, 12 Oct 2020 14:05:10 +0100
Subject: Fix the SVG scaling with new SVG loader

---
 src/components/HeaderBar/header_1.svg | 2 +-
 src/components/HeaderBar/header_2.svg | 2 +-
 src/components/HeaderBar/index.tsx    | 4 ----
 3 files changed, 2 insertions(+), 6 deletions(-)

(limited to 'src/components/HeaderBar/index.tsx')

diff --git a/src/components/HeaderBar/header_1.svg b/src/components/HeaderBar/header_1.svg
index e7db64c..c9349e5 100644
--- a/src/components/HeaderBar/header_1.svg
+++ b/src/components/HeaderBar/header_1.svg
@@ -1,3 +1,3 @@
-<svg width="1440" height="264" viewBox="0 0 1440 264" fill="none" id="header_1" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 1440 264" fill="none" id="header_1" xmlns="http://www.w3.org/2000/svg">
 <path d="M-5.85724 -6.18774V109.725C71.6463 154.832 238.796 275.611 529.296 262.865C819.777 250.113 820.413 92.4954 1447.77 223.42V-6.18451L-5.85724 -6.18774Z" fill="#AFB8F0"/>
 </svg>
diff --git a/src/components/HeaderBar/header_2.svg b/src/components/HeaderBar/header_2.svg
index e17b3e6..6e82067 100644
--- a/src/components/HeaderBar/header_2.svg
+++ b/src/components/HeaderBar/header_2.svg
@@ -1,3 +1,3 @@
-<svg width="1440" height="293" viewBox="0 0 1440 293" fill="none" id="header_2" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
+<svg viewBox="0 0 1440 293" fill="none" id="header_2" xmlns="http://www.w3.org/2000/svg">
 <path opacity="1" d="M1447.27 -6.18774V132.565C1428.83 231.124 1378.94 292.543 1114.48 292.543C775.159 292.543 477.003 5.74973 -6.39087 232.513V-6.18713L1447.27 -6.18774Z" fill="#7289DA"/>
 </svg>
diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx
index a38e97b..8928a08 100644
--- a/src/components/HeaderBar/index.tsx
+++ b/src/components/HeaderBar/index.tsx
@@ -14,10 +14,6 @@ top: 0;
 position: absolute;
 width: 100%;
 transition: height 1s;
-
-@media (max-width: 770px) {
-  height: 140px;
-}
 `;
 
 function HeaderBar({ title }: HeaderBarProps) {
-- 
cgit v1.2.3

