From 2a0c04245f8ab5017ca96449cca8aeb36336edf3 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Sat, 25 Jun 2022 12:10:58 +1000
Subject: Reduce degrees-of-variance in options set

Also add size prop to IconButton
---
 src/components/IconButton.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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

diff --git a/src/components/IconButton.vue b/src/components/IconButton.vue
index 7ce5da4..71dddc3 100644
--- a/src/components/IconButton.vue
+++ b/src/components/IconButton.vue
@@ -3,14 +3,16 @@ import {defineComponent, PropType} from 'vue';
 
 export default defineComponent({
 	props: {
+		size: {type: Number, default: 36},
 		disabled: {type: Boolean, default: false},
 	},
 });
 </script>
 
 <template>
-<div class="w-9 h-9 p-2 rounded-full hover:cursor-pointer"
-	:class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}">
+<div class="p-2 rounded-full hover:cursor-pointer"
+	:class="{'hover:brightness-125': !disabled, 'brightness-75': disabled}"
+	:style="{width: size + 'px', height: size + 'px', padding: (size / 5) + 'px'}">
 	<slot class="w-full h-full">?</slot>
 </div>
 </template>
-- 
cgit v1.2.3