Fix domain purchase modal on user-layout order flows.
Deploy Ladill Servers / deploy (push) Successful in 50s
Deploy Ladill Servers / deploy (push) Successful in 50s
Include the purchase modal in user-layout and stack it above the order dialog so Get a new domain opens correctly. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -1,12 +1,7 @@
|
||||
@props(['appLabel' => 'Ladill Servers'])
|
||||
|
||||
<x-modal name="domain-purchase" maxWidth="2xl">
|
||||
<x-modal name="domain-purchase" maxWidth="2xl" zIndex="z-[60]">
|
||||
<div class="flex flex-col" style="height: min(80vh, 720px);">
|
||||
<div class="flex shrink-0 items-center justify-between border-b border-slate-100 px-5 py-4 pr-14">
|
||||
<div>
|
||||
<h2 class="text-base font-semibold text-slate-900">Register a domain</h2>
|
||||
<p class="mt-0.5 text-xs text-slate-500">Search and buy without leaving {{ $appLabel }}.</p>
|
||||
</div>
|
||||
<div class="flex shrink-0 items-center border-b border-slate-100 px-5 py-4 pr-14">
|
||||
<h2 class="text-base font-semibold text-slate-900">Register a domain</h2>
|
||||
</div>
|
||||
<iframe id="ladill-domain-purchase-frame" title="Ladill Domains"
|
||||
src="about:blank"
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
@props([
|
||||
'name',
|
||||
'show' => false,
|
||||
'maxWidth' => '2xl'
|
||||
'maxWidth' => '2xl',
|
||||
'zIndex' => 'z-50',
|
||||
])
|
||||
|
||||
@php
|
||||
@@ -52,7 +53,7 @@ $maxWidth = [
|
||||
x-transition:leave="transition-opacity ease-in duration-150"
|
||||
x-transition:leave-start="opacity-100"
|
||||
x-transition:leave-end="opacity-0"
|
||||
class="fixed inset-0 z-50 flex items-end sm:items-center sm:justify-center"
|
||||
class="fixed inset-0 {{ $zIndex }} flex items-end sm:items-center sm:justify-center"
|
||||
style="background: rgba(0,0,0,0.45); backdrop-filter: blur(3px);"
|
||||
>
|
||||
{{-- Backdrop click to close --}}
|
||||
|
||||
@@ -29,5 +29,8 @@
|
||||
@auth
|
||||
@include('partials.afia')
|
||||
@endauth
|
||||
@include('partials.sso-keepalive')
|
||||
@include('partials.confirm-prompt')
|
||||
@include('components.domain-purchase-modal')
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user