fix modal
This commit is contained in:
@@ -9,14 +9,14 @@ import Form from "./Contact.jsx";
|
|||||||
x-effect="document.body.classList.toggle('overflow-hidden', open)"
|
x-effect="document.body.classList.toggle('overflow-hidden', open)"
|
||||||
>
|
>
|
||||||
<div style="display: none;" x-show="open">
|
<div style="display: none;" x-show="open">
|
||||||
<div
|
<div class="fixed inset-0 z-40 overflow-y-auto">
|
||||||
class="fixed inset-0 flex justify-center items-center p-2.5 z-40 overflow-y-auto"
|
|
||||||
>
|
|
||||||
<div
|
<div
|
||||||
x-on:click="open = false"
|
x-on:click="open = false"
|
||||||
|
aria-hidden="true"
|
||||||
class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter"
|
class="fixed inset-0 bg-gray-900/20 backdrop-blur backdrop-filter"
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex justify-center items-center p-2.5">
|
||||||
<div
|
<div
|
||||||
class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow"
|
class="lg:w-1/4 bg-black p-5 lg:p-12 rounded-2xl border border-white/15 space-y-5 drop-shadow"
|
||||||
>
|
>
|
||||||
@@ -27,6 +27,7 @@ import Form from "./Contact.jsx";
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<Container {...Astro.props}>
|
<Container {...Astro.props}>
|
||||||
<section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
|
<section class="space-y-5 lg:space-y-10 xl:w-4/6 mx-auto">
|
||||||
|
|||||||
Reference in New Issue
Block a user