Refactor Header module
This commit is contained in:
23
components/Header/index.vue
Normal file
23
components/Header/index.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<header
|
||||
id="header"
|
||||
class="fixed top-0 left-0 w-screen bg-white h-16 px-4 py-3 shadow-md"
|
||||
>
|
||||
<router-link to="/" class="flex w-auto h-full items-center">
|
||||
<img
|
||||
class="h-full mr-4"
|
||||
src="https://avatars2.githubusercontent.com/u/1080062?s=200&v=4"
|
||||
alt="PeopleDoc - Icon"
|
||||
/>
|
||||
<h1 class="text-2xl font-light tracking-wide">Ghibli</h1>
|
||||
</router-link>
|
||||
</header>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "Header"
|
||||
};
|
||||
</script>
|
||||
|
||||
<style></style>
|
||||
Reference in New Issue
Block a user