🩹 Fix a problem with the switch

Dlurak · Oct 31, 2023 · 0d8968d · 0d8968d
1 parent 6cf1d8a
commit 0d8968d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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);