From 50fc47e6e387c3b278526ef773badf63913389d6 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 6 Jan 2023 16:59:54 +1100
Subject: Add settings modal

Add saving, loading, default vals, and device-detection, to store.ts.
Add setting for hiding minor tick labels.
---
 src/components/SButton.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 src/components/SButton.vue

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

diff --git a/src/components/SButton.vue b/src/components/SButton.vue
new file mode 100644
index 0000000..487d6bd
--- /dev/null
+++ b/src/components/SButton.vue
@@ -0,0 +1,12 @@
+<template>
+<button :disabled="disabled" class="block rounded px-4 py-2"
+	:class="{'hover:brightness-125': !disabled, 'brightness-50': disabled}">
+	<slot>?</slot>
+</button>
+</template>
+
+<script setup lang="ts">
+defineProps({
+	disabled: {type: Boolean, default: false},
+});
+</script>
-- 
cgit v1.2.3