From d86fcde5d534251a761a9fb2b69aac923b19cfd1 Mon Sep 17 00:00:00 2001 From: Nay Nyein Chan <56215205+naynyeinchan@users.noreply.github.com> Date: Thu, 19 Oct 2023 08:41:09 +0000 Subject: [PATCH] Fix #4650 - Edit dialog tailwind class The issue of max height not working was resolved by changing the class from "max-h-90" to "max-h-[90%]" with arbitrary percentage values. --- components/lib/passthrough/tailwind/index.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js index 64b82af4f..0bb290971 100644 --- a/components/lib/passthrough/tailwind/index.js +++ b/components/lib/passthrough/tailwind/index.js @@ -397,7 +397,7 @@ export default { root: ({ state }) => ({ class: [ 'rounded-lg shadow-lg border-0', - 'max-h-90 transform scale-100', + 'max-h-[90%] transform scale-100', 'm-0 w-[50vw]', 'dark:border dark:border-blue-900/40', { @@ -430,7 +430,6 @@ export default { class: [ 'overflow-y-auto', 'bg-white text-gray-700 px-6 pb-8 pt-0', - , 'dark:bg-gray-900 dark:text-white/80', { grow: state.maximized