fix: adjust logo padding and absolutely center desktop navigation.
This commit is contained in:
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user