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/SettingsModal.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

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

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>
-- 
cgit v1.2.3