fix modal

This commit is contained in:
2025-04-30 11:23:57 -03:00
parent 8b80dc41eb
commit 4dc930786e

View File

@@ -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">