From 7f49709c94a23177a3daf69dce5cc9bb6e7d97c3 Mon Sep 17 00:00:00 2001
From: Jeremy <jeremy@ninetyblack.com>
Date: Sat, 25 Jan 2020 08:44:16 +1300
Subject: [PATCH 1/2] fix(home): keep top svg at same relative height
 regardless of res, align to right

---
 src/components/Waves/styles.tsx | 2 +-
 src/images/waves-bot.svg        | 2 +-
 src/images/waves-top.svg        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Waves/styles.tsx b/src/components/Waves/styles.tsx
index 042388a..7dd12c6 100644
--- a/src/components/Waves/styles.tsx
+++ b/src/components/Waves/styles.tsx
@@ -13,7 +13,7 @@ const waves = css`
 export const StyledWavesTop = styled(WavesTop)`
   ${waves};
   top: 0;
-  left: 0;
+  height: 87vh;
 `
 
 export const StyledWavesBottom = styled(WavesBottom)`
diff --git a/src/images/waves-bot.svg b/src/images/waves-bot.svg
index bd2ad44..9676886 100644
--- a/src/images/waves-bot.svg
+++ b/src/images/waves-bot.svg
@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 1825 862" preserveAspectRatio="xMaxYmax slice">
+<svg fill="none" viewBox="0 0 1825 862" preserveAspectRatio="xMaxYMax slice">
   <mask id="#bot_mask" width="1825" height="862" x="0" y="0" maskUnits="userSpaceOnUse">
     <path fill="#C4C4C4" d="M0 0h1825v862H0z"/>
   </mask>
diff --git a/src/images/waves-top.svg b/src/images/waves-top.svg
index fb0c800..d91ab5f 100644
--- a/src/images/waves-top.svg
+++ b/src/images/waves-top.svg
@@ -1,4 +1,4 @@
-<svg fill="none" viewBox="0 0 1825 859" width="1825" height="859" preserveAspectRatio="xMinYMin meet">
+<svg fill="none" viewBox="0 0 1825 859" width="1825" height="859" preserveAspectRatio="xMaxYMin meet">
   <mask id="top_mask" width="1825" height="859" x="0" y="0" maskUnits="userSpaceOnUse">
     <path fill="#C4C4C4" d="M0 0h1825v859H0z"/>
   </mask>

From 9cc5ffb7b77a1e59d6fcf2a06d80fe97dea529d9 Mon Sep 17 00:00:00 2001
From: Jeremy <jeremy@ninetyblack.com>
Date: Sat, 25 Jan 2020 08:51:11 +1300
Subject: [PATCH 2/2] fix(home): remove last 'extra' path on bottom svg

---
 src/images/waves-bot.svg | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/images/waves-bot.svg b/src/images/waves-bot.svg
index 9676886..7efaa24 100644
--- a/src/images/waves-bot.svg
+++ b/src/images/waves-bot.svg
@@ -30,10 +30,5 @@
       <stop offset=".51" stop-color="#FF70A5"/>
       <stop offset="1" stop-color="#FEAF6D"/>
     </linearGradient>
-    <linearGradient id="bot_gradient5" x1="1822.96" x2="1382.5" y1="1171.81" y2="-194.38" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#9423FC"/>
-      <stop offset=".51" stop-color="#FF70A5"/>
-      <stop offset="1" stop-color="#FEAF6D"/>
-    </linearGradient>
   </defs>
 </svg>
\ No newline at end of file