From afa1cae73c3df3ab099ca718c2db8621d26aac4b Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 28 May 2022 12:43:57 +1000
Subject: Add RButton component

---
 src/components/HelpModal.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/components/HelpModal.vue')

diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index 8b29a90..298711b 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -1,6 +1,7 @@
 <script lang="ts">
 import {defineComponent, PropType} from 'vue';
 import CloseIcon from './icon/CloseIcon.vue';
+import RButton from './RButton.vue';
 
 // Displays help information
 export default defineComponent({
@@ -18,7 +19,7 @@ export default defineComponent({
 			this.$emit('help-modal-close');
 		},
 	},
-	components: {CloseIcon, },
+	components: {CloseIcon, RButton, },
 	emits: ['help-modal-close', 'start-tutorial', ],
 });
 </script>
@@ -50,9 +51,9 @@ export default defineComponent({
 			in culpa qui officia deserunt mollit anim id
 			est laborum.
 		</div>
-		<button class="block bg-stone-700 text-white px-4 py-2 rounded" @click.stop="onStartTutorial">
+		<r-button class="bg-stone-800 text-white" @click.stop="onStartTutorial">
 			Start Tutorial
-		</button>
+		</r-button>
 	</div>
 </div>
 </template>
-- 
cgit v1.2.3