mirror of
https://github.com/ccmjga/zhilu-admin
synced 2026-03-19 00:23:45 +08:00
fix z-index
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user