From a6dc41b2cd1ee0c174e98e6b063c64379c5c8bcd Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Mon, 15 Jan 2024 19:22:54 -0800
Subject: feat(settings): more useful tooltips

---
 src/lib/Settings/Categories/Cache.svelte | 6 +++++-
 src/lib/Settings/Categories/Debug.svelte | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

(limited to 'src/lib/Settings')

diff --git a/src/lib/Settings/Categories/Cache.svelte b/src/lib/Settings/Categories/Cache.svelte
index 07d7cdce..eaa14063 100644
--- a/src/lib/Settings/Categories/Cache.svelte
+++ b/src/lib/Settings/Categories/Cache.svelte
@@ -1,9 +1,13 @@
 <script>
+	import tooltip from '$lib/Tooltip/tooltip';
 	import settings from '$stores/settings';
 </script>
 
 <small style="opacity: 50%;">
-	All caches are stored in your browser's <code>localStorage</code>. Clearing
+	All caches are stored in your browser's <code
+		title="Local browser key/value pair store"
+		use:tooltip>localStorage</code
+	>. Clearing
 	<a href="https://due.moe">due.moe</a>'s site data will clear these caches too.
 </small>
 
diff --git a/src/lib/Settings/Categories/Debug.svelte b/src/lib/Settings/Categories/Debug.svelte
index 2e2e64bd..04bb0985 100644
--- a/src/lib/Settings/Categories/Debug.svelte
+++ b/src/lib/Settings/Categories/Debug.svelte
@@ -3,6 +3,7 @@
 	import { getNotificationsContext } from 'svelte-notifications';
 	import SettingHint from '../SettingHint.svelte';
 	import { options } from '$lib/Notification/options';
+	import tooltip from '$lib/Tooltip/tooltip';
 
 	const { addNotification } = getNotificationsContext();
 </script>
@@ -45,7 +46,7 @@
 				heading: '<code>localStorage</code> successfully cleared'
 			})
 		);
-	}}>Clear <code>localStorage</code></button
+	}}>Clear <code title="Local browser key/value pair store" use:tooltip>localStorage</code></button
 >
 <SettingHint lineBreak>
 	Resets all of your settings to their default values and clears both AniList media list and manga
-- 
cgit v1.2.3