Skip to content

fix(ux): P0 레이아웃 UX 이슈 수정 — 메모 패널 분리 / 터치 수정·삭제 - #113

Merged
lnu8926-web merged 4 commits into
mainfrom
fix/layout-ux
May 13, 2026
Merged

fix(ux): P0 레이아웃 UX 이슈 수정 — 메모 패널 분리 / 터치 수정·삭제#113
lnu8926-web merged 4 commits into
mainfrom
fix/layout-ux

Conversation

@lnu8926-web

Copy link
Copy Markdown
Owner

관련 이슈

#98은 PR #112로 이미 머지됨

변경 내용

#99 메모 패널 토글 분리

BottomNavigation의 "메모" 탭이 뷰 전환(캘린더/칸반)과 개념이 달라 혼란을 주던 문제를 수정했습니다.

  • BottomNavigation에서 메모 탭 제거
  • KanbanHeader, CalendarHeader에 메모 토글 버튼 추가
  • 뷰 전환 시 메모 패널이 강제로 닫히던 동작 제거 → 캘린더 보면서 메모 동시 참조 가능

#100 ProjectCard 터치 기기 수정/삭제

hover 시에만 보이던 수정/삭제 버튼을 터치 기기에서도 접근 가능하도록 교체했습니다.

  • opacity-0 group-hover:opacity-100 방식 제거
  • 카드 우상단에 버튼 항상 표시
  • 클릭 시 드롭다운으로 수정/삭제 제공, 외부 클릭 시 닫힘

변경 파일

파일 변경 내용
BottomNavigation.tsx 메모 탭 제거
KanbanHeader.tsx 메모 토글 버튼 추가
CalendarHeader.tsx 메모 토글 버튼 추가
KanbanBoard.tsx onToggleMemo/showMemoPanel prop 연결
CalendarView.tsx onToggleMemo/showMemoPanel prop 연결
workspace/[id]/page.tsx 메모 강제 닫힘 로직 제거, prop 전달
ProjectCard.tsx ⋮ 드롭다운 메뉴로 교체

테스트 체크리스트

  • 칸반/캘린더 뷰 전환 시 메모 패널이 유지되는 것 확인
  • 캘린더 보면서 메모 패널 동시에 열리는 것 확인
  • 칸반/캘린더 헤더에 메모 버튼 표시 확인
  • 모바일에서 ProjectCard ⋮ 버튼으로 수정/삭제 접근 확인
  • ⋮ 메뉴 외부 클릭 시 닫힘 확인

🤖 Generated with Claude Code

lnu8926-web and others added 3 commits May 13, 2026 17:25
- layout.tsx content div에 pt-16 추가로 단일 오프셋 처리
- Container의 py-25를 pb-25 pt-6으로 분리해 상단 중복 제거
- workspace 페이지 로딩/메인 div의 pt-16 제거

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- BottomNavigation에서 메모 탭 제거 (캘린더/칸반 뷰 전환만 담당)
- KanbanHeader, CalendarHeader에 메모 토글 버튼 추가
- KanbanBoard, CalendarView에 onToggleMemo/showMemoPanel prop 연결
- 뷰 전환 시 메모 패널 강제 닫힘 동작 제거

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- opacity-0 group-hover 방식 제거 → 터치 기기 접근 불가 문제 해결
- 우상단 ⋮ 버튼 추가, 클릭 시 수정/삭제 드롭다운 표시
- 외부 클릭 시 메뉴 닫힘 처리

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel

vercel Bot commented May 13, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
next_taskry Error Error May 13, 2026 0:09am

- onClose prop 추가 및 헤더 내 X 버튼 렌더링
- workspace에서 onClose={() => setShowMemoPanel(false)} 전달

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@lnu8926-web
lnu8926-web merged commit 3d21474 into main May 13, 2026
1 of 3 checks passed
@lnu8926-web
lnu8926-web deleted the fix/layout-ux branch May 13, 2026 12:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ux] ProjectCard 터치 기기에서 수정/삭제 버튼 접근 불가 [layout] 메모 패널 토글을 BottomNavigation 뷰 탭에서 분리

1 participant