From 050942c679c54764984800f6d81d73dc37a130e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?No=C3=A9=20Viricel?= <noe.viricel@wazo-lab.io>
Date: Thu, 17 Dec 2020 12:43:50 +0100
Subject: [PATCH] Add styles to Header component

---
 components/Header.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/Header.vue b/components/Header.vue
index ea00e91..ac36c38 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -1,11 +1,15 @@
 <template>
-  <header id="header">
-    <router-link to="/">
+  <header
+    id="header"
+    class="fixed top-0 left-0 w-screen bg-white px-4 py-3 shadow-md"
+  >
+    <router-link to="/" class="flex items-center">
       <img
+        class="w-12 mr-4"
         src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
         alt="PeopleDoc - Icon"
       />
-      <h1>Ghibli</h1>
+      <h1 class="text-2xl font-light tracking-wide">Ghibli</h1>
     </router-link>
   </header>
 </template>