From 2044a7c89eafcaa0a7159ed3b9fdd0b95c43004e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Tue, 27 Oct 2020 00:30:08 +0100
Subject: [PATCH] WL-17 Hero responsiveness

---
 components/Hero.vue | 14 ++++++++++----
 components/Logo.vue |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/Hero.vue b/components/Hero.vue
index cdebb44..3e487fb 100644
--- a/components/Hero.vue
+++ b/components/Hero.vue
@@ -1,13 +1,15 @@
 <template>
   <div
-    class="h-screen rounded-b-3xl shadow-xl bg-gradient-to-r from-blue-300 to-blue-700 flex items-center"
+    class="HeroWrapper rounded-b-3xl shadow-xl bg-gradient-to-r from-blue-300 to-blue-700 flex items-center"
   >
-    <div class="rounded-3xl bg-white w-1/2 mx-auto p-6 shadow-xl text-center">
+    <div
+      class="rounded-3xl bg-white w-3/4 sm:w-1/2 max-w-lg mx-auto p-6 shadow-xl text-center"
+    >
       <Logo />
       <h1 class="font-mono text-2xl">
         wazo-lab.io
       </h1>
-      <div class="mt-4">
+      <div class="mt-4 hidden sm:block">
         <a
           href="#projects"
           target="_self"
@@ -33,4 +35,8 @@
 export default {};
 </script>
 
-<style></style>
+<style>
+.HeroWrapper {
+  height: 460px;
+}
+</style>
diff --git a/components/Logo.vue b/components/Logo.vue
index e40bb2b..4dae69e 100644
--- a/components/Logo.vue
+++ b/components/Logo.vue
@@ -1,6 +1,6 @@
 <template>
   <svg
-    class="BrandLogo w-40"
+    class="BrandLogo w-24 md:w-40"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 0 230 230"