Add styles to Header component

2020-12-17 12:43:50 +01:00
parent c329368906
commit 050942c679
1 changed files with 7 additions and 3 deletions
--- 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>