Fix performance issues coming from WebKit's grayscale implementation

AppleBlox · Jul 14, 2024 · 4cc33b1 · 4cc33b1
1 parent fbf58e0
commit 4cc33b1
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/frontend/src/lib/components/ui/switch/switch.svelte b/frontend/src/lib/components/ui/switch/switch.svelte
@@ -13,7 +13,7 @@
 <SwitchPrimitive.Root
 	bind:checked
 	class={cn(
-		"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-[#474747] data-[state=unchecked]:border-gray-500 data-[state=unchecked]:grayscale",
+		"peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-[#474747] data-[state=unchecked]:border-gray-500",
 		className
 	)}
 	{...$$restProps}

diff --git a/frontend/src/windows/main/pages/Settings/Panel.svelte b/frontend/src/windows/main/pages/Settings/Panel.svelte
@@ -107,7 +107,6 @@
 						{:else if inter.options.type === "boolean"}
 							<Switch
 								class="ml-auto mr-4"
-								bind:checked={sections[section.id][inter.id]}
 								on:click={() => {
 									dispatch("switchClicked", { id: inter.id, state: !sections[section.id][inter.id] });
 								}}