fix: adjust logo padding and absolutely center desktop navigation.

This commit is contained in:
pradeepkumar
2026-03-26 11:26:45 +05:30
parent fd06d7b243
commit 5544cf4fc8

View File

@@ -59,7 +59,7 @@ export function CommonHeader() {
<header className="bg-[#648188] rounded-[20px] px-4 md:px-8 relative" ref={mobileMenuRef}>
<div className="flex justify-between items-center h-[60px] md:h-[70px]">
{/* Logo */}
<Link href={dashboardLink} className="flex-shrink-0">
<Link href={dashboardLink} className="flex-shrink-0 pt-[5px]">
<Image
src="/assets/logo.svg"
alt="RE-QuestN"
@@ -70,8 +70,8 @@ export function CommonHeader() {
/>
</Link>
{/* Navigation - Desktop only */}
<nav className="hidden md:flex items-center gap-8 ml-auto mr-8">
{/* Navigation - Desktop only (centered absolutely) */}
<nav className="hidden md:flex items-center gap-8 absolute left-1/2 -translate-x-1/2">
{navLinks.map((link) => (
<Link
key={link.href}