fix: social media hover

This commit is contained in:
Val 2025-03-04 17:54:21 +07:00
parent efb92d0833
commit 01436f46b6
4 changed files with 59 additions and 55 deletions

View File

@ -3912,6 +3912,10 @@ a.logo:hover {
color: #00898b; color: #00898b;
} }
.social-nav:hover {
color: #00abad;
}
/* Menu sub */ /* Menu sub */
.inner-nav .mi-chevron-down { .inner-nav .mi-chevron-down {

View File

@ -26,9 +26,7 @@ export default function MainLayout({
<body className="appear-animate body"> <body className="appear-animate body">
<div className="theme-slick"> <div className="theme-slick">
<div className="page" id="top"> <div className="page" id="top">
<nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset">
<Header links={navMenuData} /> <Header links={navMenuData} />
</nav>
<main id="main">{children}</main> <main id="main">{children}</main>
<Footer /> <Footer />
</div> </div>

View File

@ -14,6 +14,7 @@ const shareIcons: Record<string, any> = {
export default function Header({ links }: { links: typeof navMenuData }) { export default function Header({ links }: { links: typeof navMenuData }) {
return ( return (
<nav className="main-nav dark transparent stick-fixed wow-menubar wch-unset">
<div className="main-nav-sub full-wrapper"> <div className="main-nav-sub full-wrapper">
{/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format. {/* Logo (* Add your text or image to the link tag. Use SVG or PNG image format.
If you use a PNG logo image, the image resolution must be equal 200% of the visible logo If you use a PNG logo image, the image resolution must be equal 200% of the visible logo
@ -66,5 +67,6 @@ export default function Header({ links }: { links: typeof navMenuData }) {
</div> </div>
{/* End Main Menu */} {/* End Main Menu */}
</div> </div>
</nav>
); );
} }

View File

@ -56,7 +56,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
{Array.isArray(link?.child) && ( {Array.isArray(link?.child) && (
<> <>
<Link href={link?.href ?? "#"} className="mn-has-sub"> <Link href={link?.href ?? "#"} className="mn-has-sub flex justify-between">
{link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} /> {link.text} <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text])} />
</Link> </Link>
@ -70,8 +70,8 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
)} )}
{Array.isArray(subLink?.child) && ( {Array.isArray(subLink?.child) && (
<> <>
<Link href={subLink?.href ?? "#"} className="mn-has-sub"> <Link href={subLink?.href ?? "#"} className="mn-has-sub !flex !justify-between">
{subLink.text} <span>{subLink.text}</span>
<i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} /> <i className="mi-chevron-down" onClick={() => toggleDropdown([link.text, subLink.text])} />
</Link> </Link>