From 67f80538b440db0292ba3e0768be2fc180b6ee96 Mon Sep 17 00:00:00 2001 From: ATAKAN TEPE Date: Wed, 18 Oct 2023 09:47:18 +0300 Subject: [PATCH] Calendar & Picklist & Orderlist button styling issues fixed --- components/lib/passthrough/tailwind/index.js | 16 +++++++++++----- 1 file changed, 11 insertions(+), 5 deletions(-) diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index 25e8ca923..64b82af4f 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -740,7 +740,7 @@ export default { button: { root: ({ props, context }) => ({ class: [ - 'items-center cursor-pointer inline-flex overflow-hidden relative select-none text-center align-bottom h-full', + 'items-center cursor-pointer inline-flex overflow-hidden relative select-none text-center align-bottom', 'transition duration-200 ease-in-out', 'focus:outline-none focus:outline-offset-0', { @@ -1376,12 +1376,18 @@ export default { } ] }), - input: { + input: ({ props }) => ({ class: [ - 'font-sans text-base text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 p-3 border border-gray-300 dark:border-blue-900/40 transition-colors duration-200 appearance-none rounded-lg', - 'hover:border-blue-500' //Hover + 'font-sans text-base text-gray-600 dark:text-white/80 bg-white dark:bg-gray-900 p-3 border border-gray-300 dark:border-blue-900/40 transition-colors duration-200 appearance-none', + 'hover:border-blue-500', + { 'rounded-lg': !props.showIcon, 'border-r-0 rounded-l-lg': props.showIcon } ] - }, + }), + dropdownbutton: ({ props }) => ({ + root: { + class: [{ 'rounded-l-none': props.showIcon }] + } + }), panel: ({ props }) => ({ class: [ 'bg-white dark:bg-gray-900',