fix: 🐛 don't close modals if you click outside
This commit is contained in:
@@ -688,7 +688,6 @@ async function deleteIdentityRow(id: number) {
|
|||||||
<div
|
<div
|
||||||
v-if="showAuditLog"
|
v-if="showAuditLog"
|
||||||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
||||||
@click.self="showAuditLog = false"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="max-h-[90vh] w-full max-w-4xl overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
class="max-h-[90vh] w-full max-w-4xl overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
||||||
@@ -757,7 +756,6 @@ async function deleteIdentityRow(id: number) {
|
|||||||
<div
|
<div
|
||||||
v-if="showIdentityForm"
|
v-if="showIdentityForm"
|
||||||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
||||||
@click.self="showIdentityForm = false"
|
|
||||||
>
|
>
|
||||||
<form
|
<form
|
||||||
class="max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
class="max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
||||||
@@ -830,7 +828,6 @@ async function deleteIdentityRow(id: number) {
|
|||||||
<div
|
<div
|
||||||
v-if="showEditIdentity"
|
v-if="showEditIdentity"
|
||||||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
||||||
@click.self="showEditIdentity = false"
|
|
||||||
>
|
>
|
||||||
<form
|
<form
|
||||||
class="max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
class="max-h-[90vh] w-full max-w-lg overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
||||||
@@ -901,7 +898,6 @@ async function deleteIdentityRow(id: number) {
|
|||||||
<div
|
<div
|
||||||
v-if="showHostForm"
|
v-if="showHostForm"
|
||||||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
||||||
@click.self="showHostForm = false"
|
|
||||||
>
|
>
|
||||||
<form
|
<form
|
||||||
class="w-full max-w-md rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
class="w-full max-w-md rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
||||||
@@ -979,7 +975,6 @@ async function deleteIdentityRow(id: number) {
|
|||||||
<div
|
<div
|
||||||
v-if="showFolderForm"
|
v-if="showFolderForm"
|
||||||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
||||||
@click.self="showFolderForm = false"
|
|
||||||
>
|
>
|
||||||
<form
|
<form
|
||||||
class="w-full max-w-sm rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
class="w-full max-w-sm rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
||||||
@@ -1016,7 +1011,6 @@ async function deleteIdentityRow(id: number) {
|
|||||||
<div
|
<div
|
||||||
v-if="showEditHost"
|
v-if="showEditHost"
|
||||||
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4"
|
||||||
@click.self="showEditHost = false"
|
|
||||||
>
|
>
|
||||||
<form
|
<form
|
||||||
class="max-h-[90vh] w-full max-w-md overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
class="max-h-[90vh] w-full max-w-md overflow-auto rounded-xl border border-slate-800 bg-surface-raised p-6 shadow-xl"
|
||||||
|
|||||||
Reference in New Issue
Block a user