From 89dfda586fa0aba7d43543499799175734720dee Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sat, 11 Feb 2023 04:39:32 +0800
Subject: [PATCH] update: buttons

---
 components/element/Button.vue | 2 +-
 pages/notes/index.vue         | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/element/Button.vue b/components/element/Button.vue
index 8db5001..0b7214c 100644
--- a/components/element/Button.vue
+++ b/components/element/Button.vue
@@ -1,6 +1,6 @@
 <template>
 	<button
-		class="w-fit rounded-md p-2 font-bold transition-all duration-500 ease-out hover:px-4">
+		class="w-fit rounded-md p-2 font-bold transition-all duration-500 ease-out">
 		<slot />
 	</button>
 </template>
diff --git a/pages/notes/index.vue b/pages/notes/index.vue
index cd2b80b..3f2120e 100644
--- a/pages/notes/index.vue
+++ b/pages/notes/index.vue
@@ -4,11 +4,12 @@
 		<div class="flex w-full max-w-3xl justify-end gap-4">
 			<ElementButton
 				@click="userSignOut()"
-				class="hover:bg-red-500 hover:text-black">
+				class="group/button flex gap-2 align-middle hover:bg-red-500 hover:text-black">
 				<Icon name="fa6-solid:arrow-right-from-bracket" />
+				<p> Sign Out </p>
 			</ElementButton>
 			<ElementButton
-				class="hover:bg-blue-500 hover:text-black"
+				class="group/button flex gap-2 align-middle hover:bg-blue-500 hover:text-black"
 				@click="create()">
 				<Icon
 					v-if="isCreating"
@@ -16,6 +17,7 @@
 				<Icon
 					v-if="!isCreating"
 					name="fa6-solid:square-plus" />
+				<p> New Note </p>
 			</ElementButton>
 		</div>