diff --git a/src/components/Municipio.tsx b/src/components/Municipio.tsx index 2c45791..02df127 100644 --- a/src/components/Municipio.tsx +++ b/src/components/Municipio.tsx @@ -1,4 +1,4 @@ -"use client" +"use client"; import { BackIcon } from "@/assets/svgs/icons"; import Link from "next/link"; import { useRouter } from "next/navigation"; @@ -31,7 +31,7 @@ export default function Municipio({ - + <Title municipio={title} /> </header> <div className="flex flex-col mt-5 mb-5"> <p className="font-normal text-[#7C828A] 3xl:mx-auto 4xl:w-[59rem]"> @@ -41,7 +41,10 @@ export default function Municipio({ ocorreram. </p> </div> - <div className="gap-x-5 gap-y-5 mx-[25%] flex flex-col xl:flex-row "> + <div className="gap-x-5 gap-y-5 mx-[25%] flex flex-col md:flex-row "> + <div className="bg-[#5AB290] hover:bg-[#84d1b4] max-lg:mx-auto rounded-[82px] text-white max-3xl:w-full w-[25%] h-16 text-center pt-4 px-5 text-lg"> + <button>Compartilhar</button> + </div> <select className="w-[28.56rem] h-16 p-4 rounded-2xl text-lg" id="municipio-select" @@ -153,9 +156,7 @@ export default function Municipio({ </select> </div> <main className="flex flex-col gap-y-6 3xl:mb-14 mb-8"> - <Charts> - {children} - </Charts> + <Charts>{children}</Charts> </main> </main> ); diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx index 533bfa4..272dad8 100644 --- a/src/layouts/MainLayout.tsx +++ b/src/layouts/MainLayout.tsx @@ -79,7 +79,7 @@ export function MainLayout({ children, activeButton }: MainLayoutProps) { </div> </div> <img - className="absolute 3xl:max-w-none lg:-bottom-[18rem] md:-bottom-[200rem] lg:scale-[.62] xl:-bottom-[19rem] 2xl:scale-[.68] min-[1920]:scale-[.95] 3xl:-bottom-[28rem] left-2 3xl:-left-[6rem]" + className="absolute 3xl:max-w-none lg:-bottom-[18rem] md:-bottom-[200rem] lg:scale-[.62] xl:-bottom-[19rem] 2xl:scale-[.68] min-3xl:scale-[.90] 3xl:-bottom-[30rem] left-2 3xl:-left-[6rem]" src="https://exoonero.org/girl-icon.png" /> </aside>