diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-05-28 12:43:57 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-05-28 12:43:57 +1000 |
| commit | afa1cae73c3df3ab099ca718c2db8621d26aac4b (patch) | |
| tree | 0fdd341b9cf4e4c2839eebd40fb3ecafe8789919 /src/components/HelpModal.vue | |
| parent | c547ba59906bdd0ccebe5d4592739227dd0c73eb (diff) | |
Add RButton component
Diffstat (limited to 'src/components/HelpModal.vue')
| -rw-r--r-- | src/components/HelpModal.vue | 7 |
1 files changed, 4 insertions, 3 deletions
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> |