refactor: update onboarding modal backdrop handling and pointer events for improved user interaction
This commit is contained in:
@@ -32,13 +32,11 @@
|
|||||||
x-transition:leave="transition ease-in duration-200"
|
x-transition:leave="transition ease-in duration-200"
|
||||||
x-transition:leave-start="opacity-100"
|
x-transition:leave-start="opacity-100"
|
||||||
x-transition:leave-end="opacity-0"
|
x-transition:leave-end="opacity-0"
|
||||||
style="position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; pointer-events: none;">
|
style="position: fixed; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; pointer-events: auto;">
|
||||||
|
|
||||||
<template x-if="showBackdrop">
|
<div class="absolute inset-0"
|
||||||
<div class="bg-black/50"
|
:style="showBackdrop ? 'background-color: rgba(0,0,0,0.55);' : 'background-color: rgba(0,0,0,0.15);'"
|
||||||
style="position: absolute; inset: 0; pointer-events: auto;"
|
@click="finish()"></div>
|
||||||
@click="finish()"></div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<div class="bg-background-secondary border border-neutral rounded-2xl shadow-2xl"
|
<div class="bg-background-secondary border border-neutral rounded-2xl shadow-2xl"
|
||||||
style="position: relative; width: min(32rem, calc(100% - 2rem)); pointer-events: auto; z-index: 10;"
|
style="position: relative; width: min(32rem, calc(100% - 2rem)); pointer-events: auto; z-index: 10;"
|
||||||
|
|||||||
Reference in New Issue
Block a user