From 0d8968d59474148bd969f90110033c0b5f309f38 Mon Sep 17 00:00:00 2001
From: Dlurak <84224239+Dlurak@users.noreply.github.com>
Date: Tue, 31 Oct 2023 23:46:20 +0100
Subject: [PATCH] :adhesive_bandage: Fix a problem with the switch

---
 src/lib/layout/launcher/launcher.svelte | 1 -
 src/lib/utils/Switch.svelte             | 8 ++++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/lib/layout/launcher/launcher.svelte b/src/lib/layout/launcher/launcher.svelte
index 3492c7d..1f4c320 100644
--- a/src/lib/layout/launcher/launcher.svelte
+++ b/src/lib/layout/launcher/launcher.svelte
@@ -69,7 +69,6 @@
 	};
 
 	showLauncher.subscribe((v) => {
-		console.log('Hello');
 		if (v) {
 			show = true;
 		} else {
diff --git a/src/lib/utils/Switch.svelte b/src/lib/utils/Switch.svelte
index bc3fb69..1c799a0 100644
--- a/src/lib/utils/Switch.svelte
+++ b/src/lib/utils/Switch.svelte
@@ -9,12 +9,16 @@
 	const dispatch = createEventDispatcher();
 </script>
 
-<div bind:clientHeight={height} bind:clientWidth={width} class="w-14 h-7">
+<div
+	bind:clientHeight={height}
+	bind:clientWidth={width}
+	class="w-14 h-7 switch-parent"
+	style="--parent-height: {height || 28}px; --parent-width: {width || 56}px;"
+>
 	<input
 		type="checkbox"
 		role="switch"
 		bind:checked
-		style="--parent-height: {height}px; --parent-width: {width}px;"
 		class="appearance-none w-full h-full rounded-full relative bg-gray-400 dark:bg-gray-500 checked:bg-green-500 dark:checked:bg-green-400"
 		on:change={() => {
 			dispatch('change', checked);