From c46b1f67f3d54ab20e5d5d4cbfb9a26c5cc4506a Mon Sep 17 00:00:00 2001 From: anovazzi1 Date: Mon, 22 May 2023 23:29:12 -0300 Subject: [PATCH] new toogle using tailwindUI --- .../src/components/toggleComponent/index.tsx | 26 +++---------------- 1 file changed, 3 insertions(+), 23 deletions(-) diff --git a/src/frontend/src/components/toggleComponent/index.tsx b/src/frontend/src/components/toggleComponent/index.tsx index 102512ab3..eed5bc278 100644 --- a/src/frontend/src/components/toggleComponent/index.tsx +++ b/src/frontend/src/components/toggleComponent/index.tsx @@ -21,9 +21,9 @@ export default function ToggleComponent({ setEnabled(x); }} className={classNames( - enabled ? "bg-indigo-600" : "bg-gray-200 dark:bg-gray-600", - "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out " - )} + enabled ? 'bg-indigo-600' : 'bg-gray-200', + 'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:ring-offset-2' + )} > Use setting