Skip to content

fix(mobile): 관리자 표가 모바일에서 가로로 밀리지 않던 것 등 모바일 점검 수정 - #423

Merged
Mybread2 merged 1 commit into
developfrom
fix/mobile-audit
Oct 12, 2026
Merged

Mybread2 merged 1 commit into
developfrom
fix/mobile-audit

Conversation

@Mybread2

Copy link
Copy Markdown
Contributor

왜

운영진 대시보드 Users·Members 탭에서 모바일로 표를 가로로 밀 수 없다는 제보. 2026-10-06 모바일 전수 점검(56개 화면, 360·390px)에서 이미 원인을 찾아 고쳐 둔 것을 올린다.

변경

  • 관리자 표 카드 ADMIN_TABLE_CARD — overflow-hidden 이라 오른쪽 열이 잘린 채 스와이프도 안 됐다 (Users · Members · Core 지원서 · Core 출석). overflow-x-auto + 표 min-w-max
  • Core 출석 — 그리드 아이템 min-w-0 누락으로 문서가 409px 로 넘침
  • 관리자 입력칸 13~15px → iOS 포커스 시 확대. mobile:text-base
  • 온보딩 헤더 — LEAD 로그인 시 「지원하기」가 잘림 → 「콘텐츠 관리」를 모바일에서 숨김
  • 신청자 표 이름이 한 글자씩 꺾임 → 고정 열 whitespace-nowrap, 링크 첨부 말줄임

학과 드롭다운(키보드와 겹침)은 결정 대기라 이 PR 에 없다.

검증

  • yarn build 통과
  • 스텁 API + 헤드리스 Chrome, 360px, CDP 터치 스와이프:
    • Users 표 카드 scrollWidth 817 / clientWidth 318, 스와이프 후 scrollLeft 201
    • 대조: 같은 카드를 overflow-x: hidden 으로 되돌리면 0 (제보 증상 재현)
    • 측정 방법 대조: 평범한 overflow-x:auto 페이지에서 265

🤖 Generated with Claude Code

https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM

2026-10-06 Web 56개 화면을 360·390px 로 전수 점검하며 고친 것.

- 관리자 표 카드(ADMIN_TABLE_CARD)가 overflow-hidden 이라 오른쪽 열이
  잘린 채 스와이프도 안 됐다(Users·Members·Core 지원서·Core 출석).
  overflow-x-auto + 표 min-w-max. 360px 터치 스와이프로 Users 표가
  201px 밀리는 것을 확인 — 같은 카드를 overflow-hidden 으로 되돌리면 0.
- Core 출석: 그리드 아이템 min-w-0 누락으로 문서가 409px 로 넘침.
- 관리자 입력칸 13~15px → iOS 포커스 확대. mobile:text-base.
- 온보딩 헤더: LEAD 로그인 시 「지원하기」가 잘림 → 「콘텐츠 관리」를
  모바일에서 숨김.
- 신청자 표 이름이 한 글자씩 꺾임 → 고정 열 whitespace-nowrap.
  링크 첨부 말줄임.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
Claude-Session: https://claude.ai/code/session_01Ji3KHVeQmBERyUWeWzTzDM
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.

1 participant