fix z-index

This commit is contained in:
Chuck1sn
2025-06-04 12:41:34 +08:00
parent 54201aa0f0
commit 50a1bc65ef
3 changed files with 3 additions and 15 deletions

View File

@@ -297,36 +297,24 @@ onMounted(async () => {
userUpsertModal.value = new Modal(
$upsertModalElement,
{},
{
id: "user-upsert-modal",
},
);
const $userDeleteModalElement: HTMLElement | null =
document.querySelector("#user-delete-modal");
userDeleteModal.value = new Modal(
$userDeleteModalElement,
{},
{
id: "user-delete-modal",
},
);
const $departmentDeleteModalElement: HTMLElement | null =
document.querySelector("#department-delete-modal");
departmentDeleteModal.value = new Modal(
$departmentDeleteModalElement,
{},
{
id: "department-delete-modal",
},
);
const $departmentUpsertModalElement: HTMLElement | null =
document.querySelector("#department-upsert-modal");
departmentUpsertModal.value = new Modal(
$departmentUpsertModalElement,
{},
{
id: "department-upsert-modal",
},
);
});
</script>

View File

@@ -1,5 +1,5 @@
<template>
<nav class="fixed top-0 w-full bg-white border-b border-gray-200 z-50">
<nav class="fixed top-0 w-full bg-white border-b border-gray-200 z-40">
<div class="px-3 py-3 lg:px-5 lg:pl-3">
<div class="flex items-center justify-between">
<div class="flex items-center justify-start rtl:justify-end">

View File

@@ -3,7 +3,7 @@
class="fixed top-0 left-0 px-1 w-44 min-h-screen overflow-y-auto pt-20 transform transition-transform duration-300 ease-in-out bg-white border-r border-gray-200"
:class="[
isDrawerVisible ? 'translate-x-0' : '-translate-x-full sm:translate-x-0',
isDrawerVisible ? 'z-40' : ''
isDrawerVisible ? 'z-30' : ''
]" aria-label="Sidebar">
<div class="h-full px-3 pb-4 overflow-y-auto bg-white">
<ul class="space-y-2 font-medium">
@@ -21,7 +21,7 @@
</aside>
<!-- 遮罩层 -->
<div class="fixed inset-0 bg-gray-900/50 transition-all duration-300 sm:hidden z-30" :class="[
<div class="fixed inset-0 bg-gray-900/50 transition-all duration-300 sm:hidden z-20" :class="[
isDrawerVisible ? 'opacity-100' : 'opacity-0 pointer-events-none'
]" @click="closeSidebar">
</div>