AmirReza Jamali
3d626daa0a
The previous `md` breakpoint (768px) caused the desktop layout to activate too early, resulting in a cramped appearance on tablet-sized screens. This commit updates the responsive design by changing the primary breakpoint from `md` to `lg` (1024px) across the home page, contact page, and main layouts. This change ensures a more appropriate and visually balanced layout is maintained on medium-sized devices, improving the overall user experience.
22 lines
606 B
TypeScript
22 lines
606 B
TypeScript
"use client";
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
export default function HeaderButtons() {
|
|
const pathname = usePathname();
|
|
return (
|
|
<div className="flex justify-between items-center gap-5 mt-4 lg:mt-0">
|
|
<Link
|
|
href={pathname.includes("contact-us") ? "/" : "/contact-us"}
|
|
className="text-(--primary)">
|
|
{pathname.includes("contact-us") ? "Home" : "Contact us"}
|
|
</Link>
|
|
<Link
|
|
href={"/login"}
|
|
className="bg-(--primary) text-white px-12 py-3 rounded-full">
|
|
Login
|
|
</Link>
|
|
</div>
|
|
);
|
|
}
|