fix: adjust z-index values and pointer events for help modal backdrop and content

This commit is contained in:
2025-12-18 08:25:14 -05:00
parent 413af85fcf
commit 0fa0be0fbf

View File

@@ -35,7 +35,7 @@
@click="open = false"
@keydown.escape.window="open = false"
class="fixed inset-0"
style="z-index: 1050; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(2px);"
style="z-index: 9998; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(2px);"
></div>
<!-- Modal Content -->
@@ -49,9 +49,9 @@
x-transition:leave-end="opacity-0 scale-95"
@click.away="open = false"
class="fixed inset-0 flex items-center justify-center p-4"
style="z-index: 1050;"
style="z-index: 9999; pointer-events: none;"
>
<div class="modal-lte" style="position: relative; width: 100%; max-width: 42rem; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: .375rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); padding: 1.5rem;">
<div class="modal-lte" style="position: relative; width: 100%; max-width: 42rem; max-height: 90vh; overflow-y: auto; background: #fff; border-radius: .375rem; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); padding: 1.5rem; pointer-events: auto;">
<button @click="open = false" style="position: absolute; top: 1rem; right: 1rem; padding: .25rem; border-radius: .25rem; color: #6c757d; background: transparent; border: none; cursor: pointer; transition: background .2s ease, color .2s ease;" onmouseover="this.style.background='#f8f9fa'; this.style.color='#495057'" onmouseout="this.style.background='transparent'; this.style.color='#6c757d'">
<x-ri-close-line class="size-4" />
</button>