feat: 데스크톱 사이드바 + 레이아웃 통일 + InlineNote 공용화#76
Merged
Conversation
- PC(lg:) 좌측 고정 사이드바 신규 (w-52/16 토글, forme-sidebar-collapsed localStorage, <1280 자동 접힘) - TabBar lg:hidden, Header full-width로 로고-사이드바 수직 정렬 - LayoutShell이 <main> 흡수 + lg:ml-52/16 동적 오프셋 (hydration flash 방어) - 피처 페이지 컨테이너 max-w-7xl → max-w-[1400px] 통일 (대시보드 기준) - InlineNote 공용 컴포넌트 추출 (components/features/saved/), auto-grow textarea로 feed/youtube 중복 제거 - 노트 리스트 중첩 overflow 제거 (body scroll 위임), 에디터 pb에 탭바 높이 반영 - 리뷰 반영: aria-pressed→aria-expanded, 사이드바 top 안전영역 반영, InlineNote 버튼 onPointerDown Co-Authored-By: Claude <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
bbbang105
added
the
🚀 feat
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
lg:) 좌측 고정 사이드바 신규 —w-52펼침 /w-16접힘,forme-sidebar-collapsedlocalStorage 기억, 화면 <1280 자동 접힘. em-dash eyebrow + mono uppercase nav 라벨, 좌측 accent bar 활성 마커lg:hidden, Header full-width —max-w-7xl mx-auto제거로 로고가 viewport 좌측 끝에서 닫힘 사이드바 아이콘과 수직 정렬<main>래퍼 흡수 +lg:ml-52/16동적 오프셋 관리. hydration flash 방어 (기본lg:ml-52, 하이드레이션 후 collapsed에만lg:ml-16)max-w-7xl(1280)→max-w-[1400px](대시보드 기준). 사이드바 토글 시 자연스럽게 반응components/features/saved/inline-note.tsx. auto-grow textarea 패턴으로 feed-card/youtube-card 중복 제거 (~260 LoC 삭감)overflow-y-auto제거 (body scroll 위임), note-editor 바닥 패딩pb-[calc(5rem+safe-area)](탭바 간섭 해결)Review 반영
aria-pressed→aria-expanded, 사이드바top-14→top-[calc(3.5rem+env(safe-area-inset-top))]onMouseDown→onPointerDown, note-list 스크롤 위임 주석, NavLinkaria-label추가Test plan
lg:+) Feed/YouTube/Calendar/Notes 사이드바 정상 노출, 접기/펼치기 토글 + localStorage 유지🤖 Generated with Claude Code