30 lines
1.2 KiB
PHP
30 lines
1.2 KiB
PHP
<div
|
|
x-data="{ open: false, component: null }"
|
|
@open-modal.window="open = true; component = $event.detail.component"
|
|
@close-modal.window="open = false"
|
|
>
|
|
<div
|
|
x-show="open"
|
|
class="fixed inset-0 z-50 flex items-center justify-center p-4"
|
|
x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0"
|
|
x-transition:enter-end="opacity-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="opacity-100"
|
|
x-transition:leave-end="opacity-0"
|
|
style="display: none;"
|
|
>
|
|
<div class="absolute inset-0 bg-black/70" @click="open = false"></div>
|
|
<div class="relative bg-s1 border border-white/[.06] rounded-2xl shadow-2xl w-full max-w-md z-10"
|
|
x-show="open"
|
|
x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0 scale-95"
|
|
x-transition:enter-end="opacity-100 scale-100"
|
|
x-transition:leave="transition ease-in duration-150"
|
|
x-transition:leave-start="opacity-100 scale-100"
|
|
x-transition:leave-end="opacity-0 scale-95">
|
|
@livewire('modals.create-link')
|
|
</div>
|
|
</div>
|
|
</div>
|