fixed Sidebar: using unstyled mode and Tailwind theme, the :modal="false" doesn't work. Can't disable the modal layer. #4288

2023-08-18 15:14:41 +03:00 · 2023-08-18 15:14:41 +03:00 · 3fe058e2ad
parent 7b09579d2c
commit 3fe058e2ad
1 changed files with 3 additions and 3 deletions
--- 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'
                ? {