From 11e58a721b160acb550132e710bcebc08dfdeb1d Mon Sep 17 00:00:00 2001
From: Moritz Ruth <dev@moritz-ruth.de>
Date: Sat, 30 Nov 2019 14:57:43 +0100
Subject: [PATCH] Decrease logo size

---
 components/AnimatedLogo.vue | 8 ++++----
 pages/index.vue             | 6 ++++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/components/AnimatedLogo.vue b/components/AnimatedLogo.vue
index 77be830..769a387 100644
--- a/components/AnimatedLogo.vue
+++ b/components/AnimatedLogo.vue
@@ -27,7 +27,7 @@
     }
 
     to {
-      width: 400px;
+      width: 300px;
     }
   }
 
@@ -37,7 +37,7 @@
     }
 
     to {
-      height: 250px;
+      height: 230px;
     }
   }
 
@@ -49,7 +49,7 @@
     right: 0;
     height: 6px;
 
-    animation: fadeOut 600ms 3s ease-in both;
+    animation: fadeOut 600ms 2.8s ease-in both;
   }
 
   .animated-logo__bar-1 {
@@ -71,7 +71,7 @@
   }
 
   .animated-logo__logo {
-    width: 400px;
+    width: 300px;
     flex-shrink: 0;
   }
 </style>
diff --git a/pages/index.vue b/pages/index.vue
index 100b152..5c48106 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,11 +1,13 @@
 <template>
   <main class="index-page">
-    <AnimatedLogo/>
+    <div class="index-page__hero">
+      <AnimatedLogo/>
+    </div>
   </main>
 </template>
 
 <style>
-  .index-page {
+  .index-page__hero {
     display: flex;
     justify-content: center;
     align-items: center;