design: TipTap 노트 에디터 chrome 에디토리얼 (PR-C)#72
Merged
Conversation
노트 에디터 chrome(헤더/툴바/태그/제목)이 Phase 3 리디자인 이전의 primary pill + sans 타이포 그대로였음. 에디터 본문은 콘텐츠라 유지하고, chrome만 editorial 톤으로 정리. ## note-editor.tsx - Back button: primary 텍스트 → mono "notes" uppercase - 저장 상태 인디케이터: 한글 sans → mono 라벨 (saving… / saved / retry) - 제목 input: text-2xl font-bold sans → font-display text-4xl (Instrument Serif italic, Korean Noto Serif KR) - 에디터 영역 max-w-3xl 센터링 + py 증가 (에디토리얼 페이지 감각) ## note-toolbar.tsx - LinkInput placeholder "URL을 입력하세요..." → "https://…" - LinkInput 확인/취소 버튼 → mono "apply / cancel" - ToolbarButton active 상태: bg-accent 그레이 → text-primary + bg-primary/5 (ember accent, rounded-sm) - ToolbarDivider: h-5 → h-4 (가늘게) ## tag-input.tsx - 태그 pill(rounded-full bg-accent) → mono uppercase inline text - 제거 버튼: 동일 위치지만 호버 색상 destructive - 입력 필드: rounded-full bg-accent/60 → 하단 hairline (font-mono placeholder) - "태그" 추가 버튼 → "— add tag" (empty) / "add" (채워짐) mono ## 불변 - 자동 저장 훅 / IME composition 처리 / editor on update 콜백 동일 - AlertDialog 삭제 확인 (PR-A primitive 덕분에 자동으로 serif 타이틀) - Link validator (http/https/mailto 제한) 동일 - 이미지 업로드 fetch 처리 동일 - 254 tests 통과, typecheck / lint 통과 Co-Authored-By: Claude <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
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
노트 에디터 chrome(헤더/툴바/태그/제목)이 Phase 3 리디자인 이전의 primary pill + sans 그대로였음. 본문은 콘텐츠라 유지, chrome만 editorial 톤으로 정리.
변경
note-editor.tsx
note-toolbar.tsx
tag-input.tsx
불변
Test plan
Follow-up
PR-D (공통 base interface), PR-E (컴포넌트 완전 분리) 예정.
🤖 Generated with Claude Code