Skip to content

fix(nav): dev 띠가 헤더 오른쪽 위 버튼의 윗부분을 가리던 것을 고친다 #425

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Mybread2 merged 1 commit into from
Oct 12, 2026
Merged

fix(nav): dev 띠가 헤더 오른쪽 위 버튼의 윗부분을 가리던 것을 고친다 #425

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions src/components/landing/onboarding/LandingHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,15 +20,16 @@ const ANCHORS = [
{ label: 'FAQ', id: 'faq' }
]

// 세로 여백은 누르는 면적용이다 — 글자 높이(20px)만으로는 손가락으로 잘 안 눌린다. 헤더 높이는 고정이라 모양은 그대로다.
const LINK_CLASS =
'whitespace-nowrap text-[15px] text-dusk-ink-500 transition-colors hover:text-dusk-ink-100'
'whitespace-nowrap py-2.5 text-[15px] text-dusk-ink-500 transition-colors hover:text-dusk-ink-100'

/**
* 운영진만 보는 진입 버튼. 지원하기(ember)와 겹치지 않게 테두리만 준다 —
* 방문자에게 가장 중요한 버튼이 두 개로 보이면 안 된다.
*/
const ADMIN_LINK_CLASS =
'whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 py-1.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'
'inline-flex h-10 items-center whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'

export function scrollToSection(id: string) {
document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' })
Expand Down
17 changes: 12 additions & 5 deletions src/components/ui/common/DevHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,20 @@
import React from 'react'

/**
* 안내 문구일 뿐이라 터치를 받지 않는다. 화면 맨 위 32px 을 투명하게 덮고 있어서,
* 받게 두면 그 아래 헤더 버튼(운영·내 정보)의 윗부분이 눌리지 않는다 — dev 에서만 생기는 일이라 놓치기 쉽다.
*/
export default function DevHeader() {
return (
<>
<div className="fixed top-0 left-0 w-full h-8 bg-transparent text-red-500" style={{zIndex: 999999}}>
<div className="flex justify-between items-center">
<div className="text-2xl font-bold">Dev 서버입니다.</div>
</div>
<div
className="pointer-events-none fixed top-0 left-0 w-full h-8 bg-transparent text-red-500"
style={{ zIndex: 999999 }}
>
<div className="flex justify-between items-center">
<div className="text-2xl font-bold">Dev 서버입니다.</div>
</div>
</div>
</>
)
}
}
2 changes: 1 addition & 1 deletion src/components/ui/design-system/GdgSiteHeader.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ const PROFILE_URL = '/profile/'
* 일반 메뉴와 섞여 보이면 안 되고, 강조색(ember)은 지원하기 같은 주 행동 몫이다.
*/
const ADMIN_ENTRY_CLASS =
'inline-flex h-9 shrink-0 items-center whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'
'inline-flex h-10 shrink-0 items-center whitespace-nowrap rounded-full border border-[rgba(240,234,228,0.22)] px-3.5 text-[13px] text-dusk-ink-400 transition-colors hover:border-[rgba(208,129,85,0.6)] hover:text-dusk-ink-100'

export function GdgSiteHeader({
menus,
Expand Down
Loading