style: add generous right margin to Brand logo for clear separation from 01 HOME nav item

This commit is contained in:
2026-07-30 22:46:01 +09:00
parent 7889398e3d
commit 2a0d50662f
+4 -4
View File
@@ -39,11 +39,11 @@ export default function Header() {
</div>
</div>
<div className="container-content flex h-[4.25rem] items-center justify-between">
{/* Brand */}
<div className="container-content flex h-[4.25rem] items-center justify-between gap-8">
{/* Brand logo — explicit right margin to guarantee clear separation from 01 HOME */}
<Link
href="/"
className="group flex flex-col leading-none"
className="group flex flex-col leading-none shrink-0 mr-8 xl:mr-16"
onClick={() => setOpen(false)}
>
<span className="headline-ko text-lg text-ink sm:text-xl">
@@ -55,7 +55,7 @@ export default function Header() {
</Link>
{/* Desktop nav — small caps, wide tracking (visible at >= 1240px) */}
<div className="hidden items-center gap-4 desktop:flex">
<div className="hidden items-center gap-6 desktop:flex ml-auto">
<nav className="flex items-center gap-2" aria-label="주 메뉴">
{navItems.map((item) => {
const active = isActive(item.href);