From d0cf30a304a89bf78f2b6c767415bb7862a433ad Mon Sep 17 00:00:00 2001 From: ManUtopiK <emmanuel.salomon@gmail.com> Date: Fri, 11 Jun 2021 19:21:11 +0200 Subject: [PATCH] Fix waves and sky in Hero --- components/home/HomeHeroSky.vue | 6 +++--- components/home/HomeSearch.vue | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/home/HomeHeroSky.vue b/components/home/HomeHeroSky.vue index 7c3b5e4d..716a4be0 100644 --- a/components/home/HomeHeroSky.vue +++ b/components/home/HomeHeroSky.vue @@ -19,7 +19,7 @@ export default {} <style lang="postcss" scoped> #clouds { - padding-top: 20vh; + padding: 20vh 0; } /* Day */ @@ -58,14 +58,14 @@ export default {} .x5 { animation: animateCloud 50s linear infinite; transform: scale(0.55) rotateY(180deg); - opacity: 0.3; + opacity: 0.4; } .cloud { background: #fff; border-radius: 100px; - height: 120px; + height: 100px; position: relative; width: 350px; } diff --git a/components/home/HomeSearch.vue b/components/home/HomeSearch.vue index 14d93a79..13cec9f1 100644 --- a/components/home/HomeSearch.vue +++ b/components/home/HomeSearch.vue @@ -7,9 +7,9 @@ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" - width="3000" + width="100%" height="700" - preserveAspectRatio="xMidYMid" + preserveAspectRatio="none" viewBox="0 0 3000 700" class="absolute inset-0 -top-28" > -- GitLab