[Admin] 모바일 관리자 축소 전체 보기 QA 및 보정

[soohyunme]

배경

관리자 페이지는 기본적으로 PC 사용을 권장한다. 다만 운영 중 급하게 모바일에서 행사 상태, 신청 현황, 공유 링크 같은 정보를 확인해야 할 수 있으므로 모바일 접근 자체를 막지는 않는다.

현재 AdminPortal에는 모바일 안내 모달과 1280px 레이아웃을 90% 축소하는 preview 처리가 있다. 이 흐름을 개선해 모바일에서도 PC 관리자 화면을 축소한 형태로 전체 영역을 확인할 수 있게 한다.

관련 코드:

• frontend/src/modules/Admin/AdminPortal.tsx
• ADMIN_MOBILE_NOTICE_STORAGE_KEY
• shouldShowAdminMobileNotice()
• min-w-[1280px], max-xl:scale-90 기반 관리자 콘솔 레이아웃

정책

• PC 사용을 권장한다.
• 모바일 접속을 차단하지 않는다.
• 모바일에서는 읽기/확인 중심으로만 지원한다.
• 모바일에서는 PC 관리자 화면을 축소해서 전체 영역을 볼 수 있게 한다.
• 수정/생성 작업은 가능하면 PC 사용을 권장한다.
• 정식 모바일 전용 관리자 UI는 이번 범위에 포함하지 않는다.

범위

• 모바일에서 관리자 페이지 진입과 기본 조회가 가능한지 확인한다.
• 모바일 뷰포트에서 축소된 PC 레이아웃의 전체 영역을 볼 수 있게 보정한다.
• 필요한 경우 좌우/상하 스크롤로 전체 관리자 화면을 탐색할 수 있게 한다.
• 축소 화면에서 메인 콘텐츠 영역 바깥이 보이더라도 배경색, 여백, 빈 영역이 어색하게 튀지 않도록 보정한다.
• 텍스트, 버튼, 표, 모달이 겹치거나 화면 밖으로 완전히 사라지는 문제를 보정한다.
• 모바일에서 수정/생성 기능을 완전하게 최적화하지는 않는다.

확인할 화면

• 관리자 로그인
• 대시보드
• 이벤트 관리자 신청 목록
• 행사 설정 목록
• 행사 상세 개요
• 행사 대시보드/참가자/공유 탭
• 관리자 멤버 목록

PC 권장으로 유지할 작업

• 행사 생성/수정
• 관리자 추가/권한 변경
• 개인정보 처리 안내 템플릿 편집
• 대량 데이터 확인 및 CSV성 작업

수용 기준

• 390px, 430px 폭 모바일 뷰포트에서 관리자 페이지 진입 후 안내 모달을 닫고 화면을 확인할 수 있다.
• 모바일에서 PC 관리자 레이아웃이 축소된 형태로 표시된다.
• 모바일에서 축소된 관리자 화면의 전체 영역을 좌우/상하 이동으로 확인할 수 있다.
• 축소 화면을 이동할 때 메인 콘텐츠 바깥의 배경색, 여백, 빈 영역이 시각적으로 어색하지 않다.
• 모바일에서 행사 상태, 신청 현황, 공유 링크 등 주요 정보를 읽을 수 있다.
• 주요 조회 화면에서 텍스트/버튼/표/모달이 서로 겹치지 않는다.
• PC 권장 안내 문구는 유지하되, 모바일 접근 자체가 막히지 않는다.
• 수정/생성 작업은 모바일에서 완전 지원하지 않아도 되며, 필요한 경우 PC 사용 안내를 유지한다.