rankrunners-dev/next-cochise
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: nav

Browse Source
This commit is contained in:
Val 2025-03-04 20:49:12 +07:00
parent 62bfec7c87
commit 11fe7eafda
3 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/assets/css/style.css
View File

@ -3908,10 +3908,6 @@ a.logo:hover {
display: none; display: none;
} }
.body-scrolled .social-nav {
color: #00898b;
}
.social-nav:hover { .social-nav:hover {
color: #00abad; color: #00abad;
} }

8
src/components/Header.tsx
View File

@ -8,18 +8,18 @@ import Link from "next/link";
import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa"; import { FaFacebook, FaLinkedin, FaPhone } from "react-icons/fa";
const shareIcons: Record<string, any> = { const shareIcons: Record<string, any> = {
phone: ( phone: (
<span className="social-nav flex gap-3 text-2xl lg:text-gray-300"> <span className="social-nav flex gap-3 text-2xl lg:text-[#00898b]">
<FaPhone /> <FaPhone />
<b className="text-sm">(520) 803-6644</b> <b className="text-sm">(520) 803-6644</b>
</span> </span>
), ),
facebook: <FaFacebook className="social-nav text-2xl lg:text-gray-300" />, facebook: <FaFacebook className="social-nav text-2xl lg:text-[#00898b]" />,
linkedin: <FaLinkedin className="social-nav text-2xl lg:text-gray-300" />, linkedin: <FaLinkedin className="social-nav text-2xl lg:text-[#00898b]" />,
}; };
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 relative"> <nav className="main-nav dark stick-fixed wow-menubar wch-unset relative">
<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

2
src/utils/changeHeaderOnScroll.ts
View File

@ -2,11 +2,9 @@ export const headerChangeOnScroll = () => {
const mainNav = document.querySelector(".main-nav"); const mainNav = document.querySelector(".main-nav");
const lightAfterScroll = document.querySelector(".light-after-scroll"); const lightAfterScroll = document.querySelector(".light-after-scroll");
if (window.scrollY > 0) { if (window.scrollY > 0) {
mainNav?.classList.remove("transparent");
mainNav?.classList.add("body-scrolled"); mainNav?.classList.add("body-scrolled");
if (lightAfterScroll) lightAfterScroll.classList.remove("dark"); if (lightAfterScroll) lightAfterScroll.classList.remove("dark");
} else if (window.scrollY === 0) { } else if (window.scrollY === 0) {
mainNav?.classList.add("transparent");
mainNav?.classList.remove("body-scrolled"); mainNav?.classList.remove("body-scrolled");
if (lightAfterScroll) lightAfterScroll.classList.add("dark"); if (lightAfterScroll) lightAfterScroll.classList.add("dark");
} }