From 29ae8b2e45c2dd21642f646fe83074137eb7622a Mon Sep 17 00:00:00 2001
From: xdrm-brackets <xdrm.brackets.dev@gmail.com>
Date: Fri, 10 May 2019 23:30:08 +0200
Subject: [PATCH] fix: waves have min-width for mobiles not to feel 'bumpy'

---
 src/components/Banner.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Banner.vue b/src/components/Banner.vue
index 482e7a1..cd06d73 100644
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -103,6 +103,8 @@
 			position: absolute;
 				top: calc( 100% - #{$wave-height} );
 				left: 0;
+				// waves are too "bumpy" on mobile
+				min-width: 40rem;
 				width: 100%;
 				height: calc( #{$wave-height} + 1px );