From ea6b95155d73776b9b2b2f3d3a7d4dd37476596c Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Mon, 26 Jun 2023 04:32:26 +0800
Subject: [PATCH] Format Header.vue component

---
 components/header/Header.vue | 32 ++++++++++++--------------------
 1 file changed, 12 insertions(+), 20 deletions(-)

diff --git a/components/header/Header.vue b/components/header/Header.vue
index 1c0718e..0d2ee4c 100644
--- a/components/header/Header.vue
+++ b/components/header/Header.vue
@@ -1,22 +1,14 @@
 <template>
-	<div
-		class="bg-secondary flex h-fit w-full flex-row items-center justify-center p-2">
-		<div class="flex w-full max-w-3xl items-center justify-between gap-4">
-			<div
-				class="flex items-center gap-4 hover:cursor-pointer"
-				@click="navigateTo('/notes')">
-				<Icon
-					class="text-blue-500"
-					name="fa6-solid:book-open" />
-				<p class="text-xl font-bold"> Notes </p>
-			</div>
-			<div class="flex w-fit justify-end">
-				<Icon
-					class="bg-secondary rounded-full hover:cursor-pointer"
-					@click="navigateTo('/profile')"
-					name="fa6-solid:circle-user"
-					size="36" />
-			</div>
-		</div>
-	</div>
+    <div class="bg-secondary flex h-fit w-full flex-row items-center justify-center p-2">
+        <div class="flex w-full max-w-3xl items-center justify-between gap-4">
+            <div class="flex items-center gap-4 hover:cursor-pointer" @click="navigateTo('/notes')">
+                <Icon class="text-blue-500" name="fa6-solid:book-open" />
+                <p class="text-xl font-bold"> Notes </p>
+            </div>
+            <div class="flex w-fit justify-end">
+                <Icon class="bg-secondary rounded-full hover:cursor-pointer" @click="navigateTo('/profile')"
+                    name="fa6-solid:circle-user" size="36" />
+            </div>
+        </div>
+    </div>
 </template>