cxc/caszl-next
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
quantulr
2023-11-03 17:25:10 +08:00
parent 2423f8c2e8
commit b6a722fa79
62 changed files with 415 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/components/MainNav.tsx
View File

@ -51,8 +51,8 @@ const MainNav = () => {
const pathname = usePathname();
const [activePopup, setActivePopup] = useState(-1);
return (
<nav className={"main-nav bg-[#1958a7] h-[38px]"}>
<ul className={"w-full h-full flex"}>
<nav className={"main-nav h-[38px] bg-[#1958a7]"}>
<ul className={"flex h-full w-full"}>
{navigations.map((navigation, index) => (
<li
className={"relative"}
@ -74,17 +74,17 @@ const MainNav = () => {
isActive(navigation.href, pathname)
? "text-[#dedede]"
: "text-white"
} hover:text-[#dedede] text-sm h-[38px] flex justify-center items-center min-w-[60px] mx-2.5`}
} mx-2.5 flex h-[38px] min-w-[60px] items-center justify-center text-sm hover:text-[#dedede]`}
>
{navigation.title}
</Link>
{index === activePopup && navigation.children?.length && (
<div
className={`z-40 popup-menu min-w-[120px] absolute top-full left-1/2 -translate-x-1/2`}
className={`popup-menu absolute left-1/2 top-full z-40 min-w-[120px] -translate-x-1/2`}
>
<div
className={
"w-0 h-0 mx-auto border-b-[12px] border-l-[12px] border-r-[12px] border-b-[#b0d3eb] border-l-transparent border-r-transparent"
"mx-auto h-0 w-0 border-b-[12px] border-l-[12px] border-r-[12px] border-b-[#b0d3eb] border-l-transparent border-r-transparent"
}
></div>
<ul className={"whitespace-nowrap bg-[#b0d3eb]"}>
@ -95,7 +95,7 @@ const MainNav = () => {
setActivePopup(() => -1);
}}
className={
"h-10 flex justify-center items-center text-[13px] px-2 hover:text-[#fe5722]"
"flex h-10 items-center justify-center px-2 text-[13px] hover:text-[#fe5722]"
}
href={child.href}
>