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