fix(Drawer/Modal/Slideover): no need for z-index since its isolated

Resolves #2347
nuxt · Oct 10, 2024 · bcfa4b7 · bcfa4b7
1 parent 1a7af6d
commit bcfa4b7
Show file tree

Hide file tree

Showing 6 changed files with 111 additions and 111 deletions.
diff --git a/src/theme/drawer.ts b/src/theme/drawer.ts
@@ -1,7 +1,7 @@
 export default {
   slots: {
-    overlay: 'fixed inset-0 z-50 bg-[--ui-bg-elevated]/75',
-    content: 'fixed z-50 bg-[--ui-bg] ring ring-[--ui-border] flex focus:outline-none',
+    overlay: 'fixed inset-0 bg-[--ui-bg-elevated]/75',
+    content: 'fixed bg-[--ui-bg] ring ring-[--ui-border] flex focus:outline-none',
     handle: 'shrink-0 rounded-full bg-[--ui-bg-accented]',
     container: 'w-full flex flex-col gap-4 p-4 overflow-y-auto',
     header: '',

diff --git a/src/theme/modal.ts b/src/theme/modal.ts
@@ -1,7 +1,7 @@
 export default {
   slots: {
-    overlay: 'fixed inset-0 z-50 bg-[--ui-bg-elevated]/75',
-    content: 'fixed z-50 w-full h-dvh bg-[--ui-bg] divide-y divide-[--ui-border] flex flex-col focus:outline-none',
+    overlay: 'fixed inset-0 bg-[--ui-bg-elevated]/75',
+    content: 'fixed w-full h-dvh bg-[--ui-bg] divide-y divide-[--ui-border] flex flex-col focus:outline-none',
     header: 'px-4 py-5 sm:px-6',
     body: 'flex-1 p-4 sm:p-6',
     footer: 'flex items-center gap-1.5 p-4 sm:px-6',

diff --git a/src/theme/slideover.ts b/src/theme/slideover.ts
@@ -1,7 +1,7 @@
 export default {
   slots: {
-    overlay: 'fixed inset-0 z-50 bg-[--ui-bg-elevated]/75',
-    content: 'fixed z-50 bg-[--ui-bg] divide-y divide-[--ui-border] sm:ring ring-[--ui-border] sm:shadow-lg flex flex-col focus:outline-none',
+    overlay: 'fixed inset-0 bg-[--ui-bg-elevated]/75',
+    content: 'fixed bg-[--ui-bg] divide-y divide-[--ui-border] sm:ring ring-[--ui-border] sm:shadow-lg flex flex-col focus:outline-none',
     header: 'px-4 py-5 sm:px-6',
     body: 'flex-1 overflow-y-auto p-4 sm:p-6',
     footer: 'flex items-center gap-1.5 p-4 sm:px-6',