sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-04-17 17:01:41 -03:00
parent 49ba8865ca
commit 631ef1501c
4 changed files with 48 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
superpage/src/components/Menu.jsx
View File

@@ -1,8 +1,4 @@
import {
ChevronDownIcon,
XMarkIcon,
MagnifyingGlassIcon,
} from '@heroicons/react/24/solid'
import { ChevronDownIcon, XMarkIcon, MagnifyingGlassIcon } from '@heroicons/react/24/solid'
import {
Popover,
PopoverButton,
@@ -19,16 +15,14 @@ export function Menu({ recentCourses }) {
return (
<Popover className="relative">
<PopoverButton className="text-black font-semibold cursor-pointer flex gap-1 hover:outline-2 rounded focus:outline-none">
<div className="truncate max-w-36 sm:max-w-72 md:max-w-124">
NR-18 PEMT Plataforma Móvel de Trabalho
</div>
<div className="truncate max-w-36 sm:max-w-72 md:max-w-124">NR-18 PEMT Plataforma Móvel de Trabalho</div>
<ChevronDownIcon className="w-5 fill-black" />
</PopoverButton>
<PopoverPanel
// static={true}
anchor="bottom"
className="sticky z-20 -mt-11.5 w-full py-6 2xl:py-24 bg-lime-400 rounded-b-2xl drop-shadow-sm transition duration-150 ease-linear data-[closed]:opacity-0"
className="sticky z-20 -mt-11.5 w-full py-6 2xl:py-24 bg-lime-400 rounded-b-2xl drop-shadow shadow-sm transition duration-150 ease-linear data-[closed]:opacity-0"
transition
>
<Container className="text-black relative xl:w-10/12 2xl:w-5xl">
@@ -42,15 +36,11 @@ export function Menu({ recentCourses }) {
<div className="border-b border-black pb-6 lg:pb-12 mb-6 lg:mb-12">
<span>Curso de formação</span>
<h1 className="text-xl lg:text-2xl">
NR-18 PEMT Plataforma Elevatória Móvel de Trabalho
</h1>
<h1 className="text-xl lg:text-2xl">NR-18 PEMT Plataforma Elevatória Móvel de Trabalho</h1>
</div>
<div className="flex max-lg:flex-col gap-2.5 justify-between mb-3.5">
<h6 className="font-medium text-xl lg:text-2xl">
Conheça outros cursos da EDUSEG&reg;
</h6>
<h6 className="font-medium text-xl lg:text-2xl">Conheça outros cursos da EDUSEG&reg;</h6>
<div className="flex max-lg:flex-col gap-0.5 lg:gap-4">
{/* Search */}