lab/landing_page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Godopu
2026-07-30 22:46:01 +09:00
parent 7889398e3d
commit 2a0d50662f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
refer_landing_page/components/Header.tsx
+4 -4
View File
@@ -39,11 +39,11 @@ export default function Header() {
</div> </div>
</div> </div>
<div className="container-content flex h-[4.25rem] items-center justify-between"> <div className="container-content flex h-[4.25rem] items-center justify-between gap-8">
{/* Brand */} {/* Brand logo — explicit right margin to guarantee clear separation from 01 HOME */}
<Link <Link
href="/" 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)} onClick={() => setOpen(false)}
> >
<span className="headline-ko text-lg text-ink sm:text-xl"> <span className="headline-ko text-lg text-ink sm:text-xl">
@@ -55,7 +55,7 @@ export default function Header() {
</Link> </Link>
{/* Desktop nav — small caps, wide tracking (visible at >= 1240px) */} {/* 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="주 메뉴"> <nav className="flex items-center gap-2" aria-label="주 메뉴">
{navItems.map((item) => { {navItems.map((item) => {
const active = isActive(item.href); const active = isActive(item.href);