From 991369ff6e76c7bc36ac210505dba96a80d1a8d9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Wed, 2 Aug 2023 17:22:14 +0300 Subject: [PATCH] Rating updates --- components/lib/tailwind/Tailwind.js | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/components/lib/tailwind/Tailwind.js b/components/lib/tailwind/Tailwind.js index 1fcfbe602..d9c841793 100644 --- a/components/lib/tailwind/Tailwind.js +++ b/components/lib/tailwind/Tailwind.js @@ -843,14 +843,28 @@ export default { root: ({ props }) => ({ class: ['relative flex items-center', 'gap-2', { 'opacity-60 select-none pointer-events-none cursor-default': props.disabled }] }), - cancelitem: { - class: ['inline-flex items-center cursor-pointer'] - }, + cancelitem: ({ context }) => ({ + class: [ + 'inline-flex items-center cursor-pointer', + { + 'outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]': context.focused + } + ] + }), cancelicon: { class: ['text-red-500', 'w-5 h-5', 'transition duration-200 ease-in'] }, - item: ({ props }) => ({ - class: ['inline-flex items-center', { 'cursor-pointer': !props.readonly, 'cursor-default': props.readonly }] + item: ({ props, context }) => ({ + class: [ + 'inline-flex items-center', + { + 'cursor-pointer': !props.readonly, + 'cursor-default': props.readonly + }, + { + 'outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]': context.focused + } + ] }), officon: { class: ['text-gray-700 hover:text-blue-400', 'w-5 h-5', 'transition duration-200 ease-in']