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/SettingsModal.vue | |
| parent | c547ba59906bdd0ccebe5d4592739227dd0c73eb (diff) | |
Add RButton component
Diffstat (limited to 'src/components/SettingsModal.vue')
| -rw-r--r-- | src/components/SettingsModal.vue | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue index dc9b4a5..1f56cfb 100644 --- a/src/components/SettingsModal.vue +++ b/src/components/SettingsModal.vue @@ -1,6 +1,7 @@ <script lang="ts"> import {defineComponent, PropType} from 'vue'; import CloseIcon from './icon/CloseIcon.vue'; +import RButton from './RButton.vue'; import type {LayoutOptions} from '../layout'; // Displays configurable options, and sends option-change requests @@ -54,7 +55,7 @@ export default defineComponent({ console.log('Settings reset'); }, }, - components: {CloseIcon, }, + components: {CloseIcon, RButton, }, emits: ['settings-close', 'layout-option-change', 'tree-change', 'reset-settings', ], }); </script> @@ -156,12 +157,12 @@ export default defineComponent({ </div> <hr class="border-stone-400"/> <div class="flex justify-around mt-2"> - <button class="block rounded px-4 py-2 bg-stone-800 text-white" @click="onSave"> + <r-button class="bg-stone-800 text-white" @click="onSave"> Save - </button> - <button class="block rounded px-4 py-2 bg-stone-800 text-white" @click="onReset"> + </r-button> + <r-button class="bg-stone-800 text-white" @click="onReset"> Reset - </button> + </r-button> </div> </div> </div> |