fix: popup menu z-index error

This commit is contained in:
zsavko 2023-04-09 21:50:56 +08:00 committed by zsakvo
parent 301410f5f7
commit 009daa442f
3 changed files with 5 additions and 5 deletions

View File

@ -46,7 +46,7 @@ export const DashboardTopbar: React.FC<{
leaveFrom="opacity-100 transform translate-x-0"
leaveTo="opacity-0 transform -translate-x-full"
>
<Popover.Panel className="fixed bg-slate-50 h-screen left-0 top-0 z-20 w-sidebar transform sm:px-0 lg:max-w-3xl">
<Popover.Panel className="fixed bg-slate-50 h-full left-0 top-0 z-20 w-sidebar transform sm:px-0 lg:max-w-3xl">
<div className="overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 h-full">
{drawerWidget(close)}
</div>

View File

@ -58,7 +58,7 @@ export const OptionsButton: React.FC<{
leaveFrom="transform opacity-100 scale-100"
leaveTo="transform opacity-0 scale-95"
>
<Menu.Items className="absolute right-0 mt-2 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
<Menu.Items className="absolute right-0 mt-2 z-30 w-56 origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
<div className="px-1 py-1 ">
<Menu.Item disabled>
{({ active }) => (
@ -158,7 +158,7 @@ export const OptionsButton: React.FC<{
leaveFrom="opacity-100 transform translate-x-0"
leaveTo="opacity-0 transform -translate-x-full"
>
<Popover.Panel className="fixed bg-slate-50 h-screen left-0 top-0 z-30 transform sm:px-0 lg:max-w-3xl">
<Popover.Panel className="fixed bg-slate-50 h-full left-0 top-0 z-30 transform sm:px-0 lg:max-w-3xl">
<div className="overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 h-full">
{propertiesWidget}
</div>

View File

@ -616,10 +616,10 @@ export default function SubdomainEditor() {
)}
</header>
<div
className={`h-screen pt-14 flex w-full ${
className={`pt-14 flex w-full ${
isMobileLayout
? "w-screen h-[calc(100vh-4rem)]"
: "min-w-[840px]"
: "min-w-[840px] h-screen "
}`}
>
<div className="h-full overflow-auto w-full">