From b2b484e1d440bf40cae6fcb997ba4477c5a14f21 Mon Sep 17 00:00:00 2001 From: akashmasih1 <113181496+akashmasih1@users.noreply.github.com> Date: Fri, 17 May 2024 13:51:45 +0530 Subject: [PATCH 1/2] Docs : Toggle Switch #1321 - Issue has been fixed --- packages/ui/src/components/ToggleSwitch/theme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/ToggleSwitch/theme.ts b/packages/ui/src/components/ToggleSwitch/theme.ts index 005ff6ba1..081dec858 100644 --- a/packages/ui/src/components/ToggleSwitch/theme.ts +++ b/packages/ui/src/components/ToggleSwitch/theme.ts @@ -11,7 +11,7 @@ export const toggleSwitchTheme: FlowbiteToggleSwitchTheme = createTheme({ label: "ml-3 text-sm font-medium text-gray-900 dark:text-gray-300", }, toggle: { - base: "rounded-full border group-focus:ring-4 group-focus:ring-cyan-500/25", + base: "rounded-full border group-focus:ring-4 group-focus:ring-cyan-500/25 after:rounded-full after:bg-white", checked: { on: "after:translate-x-full after:border-white", off: "border-gray-200 bg-gray-200 dark:border-gray-600 dark:bg-gray-700", From c3fb8cd7d392a7310ee9e622b67e6d669415f4f5 Mon Sep 17 00:00:00 2001 From: akashmasih1 <113181496+akashmasih1@users.noreply.github.com> Date: Fri, 17 May 2024 14:45:15 +0530 Subject: [PATCH 2/2] Fix the issue earlier I forget to format --- packages/ui/src/components/ToggleSwitch/theme.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/ToggleSwitch/theme.ts b/packages/ui/src/components/ToggleSwitch/theme.ts index 081dec858..6f6d5cffb 100644 --- a/packages/ui/src/components/ToggleSwitch/theme.ts +++ b/packages/ui/src/components/ToggleSwitch/theme.ts @@ -11,7 +11,7 @@ export const toggleSwitchTheme: FlowbiteToggleSwitchTheme = createTheme({ label: "ml-3 text-sm font-medium text-gray-900 dark:text-gray-300", }, toggle: { - base: "rounded-full border group-focus:ring-4 group-focus:ring-cyan-500/25 after:rounded-full after:bg-white", + base: "rounded-full border after:rounded-full after:bg-white group-focus:ring-4 group-focus:ring-cyan-500/25", checked: { on: "after:translate-x-full after:border-white", off: "border-gray-200 bg-gray-200 dark:border-gray-600 dark:bg-gray-700",