From 330aa2c515dd3b346da5c43ba407f47b430bbc47 Mon Sep 17 00:00:00 2001 From: Jared Scott Date: Wed, 18 Sep 2024 16:33:36 +0800 Subject: [PATCH] fix: #7201 Update tailwinddoc.js for tabview --- components/doc/tabview/theming/tailwinddoc.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/doc/tabview/theming/tailwinddoc.js b/components/doc/tabview/theming/tailwinddoc.js index 89d629a777..24f2678a72 100644 --- a/components/doc/tabview/theming/tailwinddoc.js +++ b/components/doc/tabview/theming/tailwinddoc.js @@ -36,8 +36,8 @@ const Tailwind = { 'focus:outline-none focus:outline-offset-0 focus:shadow-[inset_0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[inset_0_0_0_0.2rem_rgba(147,197,253,0.5)]', // Focus styles. { 'border-gray-300 bg-white text-gray-700 hover:bg-white hover:border-gray-400 hover:text-gray-600 dark:bg-gray-900 dark:border-blue-900/40 dark:text-white/80 dark:hover:bg-gray-800/80': - parent.state.activeIndex !== context.index, // Condition-based hover styles. - 'bg-white border-blue-500 text-blue-500 dark:bg-gray-900 dark:border-blue-300 dark:text-blue-300': parent.state.activeIndex === context.index // Condition-based active styles. + parent != null ? parent.state.activeIndex !== context.index : true, // Condition-based hover styles. + 'bg-white border-blue-500 text-blue-500 dark:bg-gray-900 dark:border-blue-300 dark:text-blue-300': parent != null ? parent.state.activeIndex === context.index : false // Condition-based active styles. } ), style: { marginBottom: '-2px' } // Negative margin style.