From 3fe058e2add6e834ab5f364f8f1b1f35ba99a56c Mon Sep 17 00:00:00 2001
From: ATAKAN TEPE <tepe_atakan@outlook.com>
Date: Fri, 18 Aug 2023 15:14:41 +0300
Subject: [PATCH] fixed Sidebar: using unstyled mode and Tailwind theme, the
 :modal="false" doesn't work. Can't disable the modal layer. #4288

---
 components/lib/passthrough/tailwind/index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/lib/passthrough/tailwind/index.js b/components/lib/passthrough/tailwind/index.js
index ebe6b3282..7b464c04d 100644
--- a/components/lib/passthrough/tailwind/index.js
+++ b/components/lib/passthrough/tailwind/index.js
@@ -551,9 +551,9 @@ export default {
         content: {
             class: ['p-5 pt-0 h-full w-full', 'grow overflow-y-auto']
         },
-        mask: {
-            class: ['flex pointer-events-auto', 'bg-black bg-opacity-40 transition duration-200 z-20 transition-colors']
-        },
+        mask: ({ props }) => ({
+            class: ['flex pointer-events-auto', 'transition duration-200 z-20 transition-colors', { 'bg-black/40': props.modal }]
+        }),
         transition: ({ props }) => {
             return props.position === 'top'
                 ? {