From c43c212ae1002fa12f76be118d7fe97e6c35701c Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Tue, 9 May 2023 16:25:09 +0200 Subject: [PATCH] chore(Toggle): shrink size and move focus to focus-visible --- src/runtime/app.config.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts index ae99c342..505d49f5 100644 --- a/src/runtime/app.config.ts +++ b/src/runtime/app.config.ts @@ -394,12 +394,12 @@ const checkbox = { } const toggle = { - base: 'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500 dark:focus:ring-primary-400 focus:ring-offset-white dark:focus:ring-offset-gray-900', + base: 'relative inline-flex flex-shrink-0 h-5 w-9 border-2 border-transparent rounded-full cursor-pointer disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:focus-visible:ring-offset-gray-900', active: 'bg-primary-500 dark:bg-primary-400', inactive: 'bg-gray-200 dark:bg-gray-700', container: { - base: 'pointer-events-none relative inline-block h-5 w-5 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200', - active: 'translate-x-5', + base: 'pointer-events-none relative inline-block h-4 w-4 rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200', + active: 'translate-x-4', inactive: 'translate-x-0' }, icon: {