fix
This commit is contained in:
@@ -25,7 +25,7 @@ const { items = [] } = Astro.props;
|
|||||||
class="flex max-lg:overflow-x-scroll max-lg:snap-x snap-mandatory scroll-smooth scrollbar-hide space-x-4 lg:gap-8 lg:justify-center"
|
class="flex max-lg:overflow-x-scroll max-lg:snap-x snap-mandatory scroll-smooth scrollbar-hide space-x-4 lg:gap-8 lg:justify-center"
|
||||||
>
|
>
|
||||||
{
|
{
|
||||||
items.map((Component, idx) => (
|
items.map((Component, idx: number) => (
|
||||||
<div
|
<div
|
||||||
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
|
||||||
id={`slide${idx + 1}`}
|
id={`slide${idx + 1}`}
|
||||||
|
|||||||
@@ -10,15 +10,15 @@ const currency = new Intl.NumberFormat("pt-BR", {
|
|||||||
<details class="group/dropdown">
|
<details class="group/dropdown">
|
||||||
<summary
|
<summary
|
||||||
class="flex bg-black hover:bg-white hover:text-black font-semibold
|
class="flex bg-black hover:bg-white hover:text-black font-semibold
|
||||||
py-2.5 px-3 rounded-md cursor-pointer transition
|
py-2.5 px-3 rounded-md cursor-pointer transition
|
||||||
group-open/dropdown:text-black group-open/dropdown:bg-white"
|
group-open/dropdown:text-black group-open/dropdown:bg-white"
|
||||||
>
|
>
|
||||||
Contratar agora
|
Contratar agora
|
||||||
</summary>
|
</summary>
|
||||||
<form
|
<form
|
||||||
class="absolute inset-x-2.5 translate-y-1.5
|
class="absolute inset-x-2.5 translate-y-1.5
|
||||||
md:inset-auto md:right-2.5 md:min-w-96 2xl:right-0
|
md:inset-auto md:right-2.5 md:min-w-96 2xl:right-0
|
||||||
bg-stone-900 border border-white/15 rounded-xl shadow-lg"
|
bg-stone-900 border border-white/15 rounded-xl shadow-lg"
|
||||||
>
|
>
|
||||||
<h6
|
<h6
|
||||||
class="p-2.5 lg:px-5 lg:py-3.5 font-semibold border-b border-white/10 bg-white/5"
|
class="p-2.5 lg:px-5 lg:py-3.5 font-semibold border-b border-white/10 bg-white/5"
|
||||||
|
|||||||
@@ -17,8 +17,9 @@ const relatedCourses = data?.relatedCourses
|
|||||||
<Container class="flex items-center relative py-3">
|
<Container class="flex items-center relative py-3">
|
||||||
<button
|
<button
|
||||||
data-toggle="menu"
|
data-toggle="menu"
|
||||||
class="text-black font-medium cursor-pointer lg:bg-white/15 hover:outline lg:border border-black lg:py-0.5 lg:px-2.5 rounded-lg transition flex items-center gap-1
|
class="text-black font-medium cursor-pointer lg:bg-white/15 hover:outline
|
||||||
lg:group-open/menu:outline"
|
lg:border border-black lg:py-0.5 lg:px-2.5 rounded-lg transition
|
||||||
|
flex items-center gap-1 lg:group-open/menu:outline"
|
||||||
>
|
>
|
||||||
<div class="truncate max-w-36 sm:max-w-72">
|
<div class="truncate max-w-36 sm:max-w-72">
|
||||||
{title}
|
{title}
|
||||||
@@ -39,7 +40,7 @@ const relatedCourses = data?.relatedCourses
|
|||||||
<div class="text-black bg-lime-400 rounded-xl lg:rounded-2xl">
|
<div class="text-black bg-lime-400 rounded-xl lg:rounded-2xl">
|
||||||
<button
|
<button
|
||||||
class="border border-black absolute rounded-full cursor-pointer outline-none
|
class="border border-black absolute rounded-full cursor-pointer outline-none
|
||||||
top-2.5 lg:top-5 right-5"
|
top-2.5 lg:top-5 right-5"
|
||||||
data-dismiss
|
data-dismiss
|
||||||
>
|
>
|
||||||
<Icon name="x-mark" class="size-4 p-0.5" />
|
<Icon name="x-mark" class="size-4 p-0.5" />
|
||||||
|
|||||||
Reference in New Issue
Block a user