doc changes

svecosystem · Apr 22, 2024 · dc1a160 · dc1a160
1 parent 70b9c50
commit dc1a160
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 14 deletions.
diff --git a/sites/docs/content/functions/use-active-element.md b/sites/docs/content/functions/use-active-element.md
@@ -20,14 +20,8 @@ import { UseActiveElementDemo } from '$lib/components/demos';
 	const activeElement = useActiveElement();
 </script>
 
-<div class="rounded-md bg-card p-8">
-	<p>
-		Currently active element:
-		<span class="font-bold">
-			{activeElement.value !== null
-				? activeElement.value.localName
-				: "No active element found"}
-		</span>
-	</p>
-</div>
+<p>
+	Currently active element: 
+	{activeElement.value?.localName ?? 'No active element found'}
+</p>
 ```
diff --git a/sites/docs/src/lib/components/demos/use-active-element.svelte b/sites/docs/src/lib/components/demos/use-active-element.svelte
@@ -8,9 +8,7 @@
 	<p>
 		Currently active element:
 		<span class="font-bold">
-			{activeElement.value !== null
-				? activeElement.value.localName
-				: "No active element found"}
+			{activeElement.value?.localName ?? "No active element found"}
 		</span>
 	</p>
 </div>
diff --git a/sites/docs/src/lib/components/demos/use-debounce.svelte b/sites/docs/src/lib/components/demos/use-debounce.svelte
@@ -23,7 +23,8 @@
 
 <div class="rounded-md bg-card p-8">
 	<button
-		class="relative z-20 inline-flex items-center justify-center rounded-md border bg-brand/50 px-3 py-1.5 text-sm font-medium transition-all hover:bg-brand/25 focus:outline-none"
+		class="relative z-20 inline-flex items-center justify-center rounded-md border bg-brand/50
+		px-3 py-1.5 text-sm font-medium transition-all hover:bg-brand/25 focus:outline-none active:bg-brand/15"
 		onclick={ding}>DING DING DING</button
 	>
 	<p>{logged || "Press the button!"}</p>