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

dev #16

Merged
RizqiSyahrendra merged 15 commits from dev into main 2025-03-12 09:09:23 +00:00
Conversation 0 Commits 15 Files Changed 28 +7 -5
3 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1b686cd912 - Show all commits

4
src/components/HeaderNav.tsx
View File

@ -13,6 +13,7 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
const [hoveredNavItem, setHoveredNavItem] = useState(""); const [hoveredNavItem, setHoveredNavItem] = useState("");
const [hoveredSubNavItem, setHoveredSubNavItem] = useState(""); const [hoveredSubNavItem, setHoveredSubNavItem] = useState("");
const [isDropdownOpen, setIsDropdownOpen] = useState([""]); const [isDropdownOpen, setIsDropdownOpen] = useState([""]);
const [isSubDropdownOpen, setIsSubDropdownOpen] = useState("");
const dropdownRef = useRef(null); const dropdownRef = useRef(null);
const toggleDropdown = (section: string[]) => { const toggleDropdown = (section: string[]) => {
@ -93,13 +94,14 @@ export default function HeaderNav({ links, animateY = false }: { links: typeof n
<Link <Link
href={subLink?.href ?? "#"} href={subLink?.href ?? "#"}
className="mn-has-sub !flex !justify-between !items-center !text-white hover:!text-extColorPrimary3 transition-all duration-500" className="mn-has-sub !flex !justify-between !items-center !text-white hover:!text-extColorPrimary3 transition-all duration-500"
onClick={() => setIsSubDropdownOpen(`${index}-${subLinkIdx}`)}
> >
<span className="!text-[14px]">{subLink.text}</span> <span className="!text-[14px]">{subLink.text}</span>
<FaCaretRight className="ml-2" /> <FaCaretRight className="ml-2" />
</Link> </Link>
<ul <ul
className={`mn-sub to-right ${isDropdownOpen.includes(subLink.text) && "open"} ${hoveredSubNavItem.includes(`${index}-${subLinkIdx}`) ? "lg:visible lg:opacity-100 lg:z-10" : "lg:invisible lg:opacity-0"} !bg-extColorPrimary8 !transition-all !duration-300 lg:shadow-nav`} className={`mn-sub to-right ${isSubDropdownOpen.includes(`${index}-${subLinkIdx}`) && "open"} ${hoveredSubNavItem.includes(`${index}-${subLinkIdx}`) ? "lg:visible lg:opacity-100 lg:z-10" : "lg:invisible lg:opacity-0"} !bg-extColorPrimary8 !transition-all !duration-300 lg:shadow-nav`}
> >
{subLink.child.map((subLink2: any, subLinkIdx2: number) => ( {subLink.child.map((subLink2: any, subLinkIdx2: number) => (
<li key={subLinkIdx2}> <li key={subLinkIdx2}>

4
src/components/HeroOther.tsx
View File

@ -16,14 +16,14 @@ const shareIcons: Record<string, any> = {
export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) { export default function HeroOther({ title, img, createdAt, shareUrl }: HeroOtherProps) {
return ( return (
<section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 md:!pt-52 md:!pb-28 relative min-h-[48vh]"> <section className="page-section bg-dark-1 bg-gradient-gray-dark-1 light-content bg-scroll overflow-hidden !py-20 !pt-52 md:!pb-28 relative min-h-[48vh]">
{/* <!-- Background Shape --> */} {/* <!-- Background Shape --> */}
<div className="bg-shape-1 w-full h-full opacity-50 bg-contain"> <div className="bg-shape-1 w-full h-full opacity-50 bg-contain">
<Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" /> <Image src={img || "/assets/images/hero-default.webp"} alt="" fill className="object-cover" />
</div> </div>
{/* <!-- End Background Shape --> */} {/* <!-- End Background Shape --> */}
<div className="container position-relative pt-sm-40 text-center"> <div className="container position-relative text-center">
<div className="row"> <div className="row">
<div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2"> <div className="col-md-10 offset-md-1 col-lg-8 offset-lg-2">
<h1 className="text-5xl !font-medium mb-10 leading-[1.5]">{title ?? ""}</h1> <h1 className="text-5xl !font-medium mb-10 leading-[1.5]">{title ?? ""}</h1>

4
src/utils/toggleMobileMenu.ts
View File

@ -4,7 +4,7 @@ export const toggleMobileMenu = () => {
const desktop_nav = document.querySelector(".desktop-nav"); const desktop_nav = document.querySelector(".desktop-nav");
if (desktop_nav.classList.contains("js-opened")) { if (desktop_nav.classList.contains("js-opened")) {
desktop_nav.style.maxHeight = "0px"; desktop_nav.style.maxHeight = "";
desktop_nav.classList.remove("js-opened"); desktop_nav.classList.remove("js-opened");
mobile_nav.classList.remove("active"); mobile_nav.classList.remove("active");
} else { } else {
@ -18,7 +18,7 @@ export const closeMobileMenu = () => {
const desktop_nav = document.querySelector(".desktop-nav"); const desktop_nav = document.querySelector(".desktop-nav");
if (desktop_nav.classList.contains("js-opened")) { if (desktop_nav.classList.contains("js-opened")) {
desktop_nav.style.maxHeight = "0px"; desktop_nav.style.maxHeight = "";
desktop_nav.classList.remove("js-opened"); desktop_nav.classList.remove("js-opened");
mobile_nav.classList.remove("active"); mobile_nav.classList.remove("active");
} }