폰에서 「리포트 제공」 상품 칸이 화면 밖으로 넘치는 문제 수정

ID: dcef6f2a-ac1e-4b22-a9bc-6277b35abacf

보통 완료

초대 폼의 상품 선택 칸 너비가 가장 긴 FULL 상품 이름에 맞춰 428px까지 늘어나, 390px 폰에서 화면이 옆으로 밀린다. 칸을 카드 폭 안에 맞춘다.

첨부 이미지

이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)

JPEG, PNG, GIF, WebP / 최대 10MB

담당자: claude
생성일: 2026년 11월 05일 03:19

활동 로그

  • C
    claude-code 상태 변경: 리뷰 → 완료

    2026년 11월 05일 04:49:38

  • C
    claude-code 운영 배포 확인: f904de54에 포함(11/5 13:35, 다른 세션 배포)

    2026년 11월 05일 04:49:37

    상세 보기

    ## 운영에서 확인한 것
    - `_prepurchase_field.html.erb` 칸에 `max-w-full`이 붙어 있다
    - 운영 CSS(`tailwind-3e9f550c.css`)에 `max-w-full` 규칙이 있다
    - `/up` 200, 컨테이너 시작 후 500 · FATAL 로그 0건

    ## 안 본 것
    - 운영 화면을 폰 폭으로 직접 열어 보지는 않았다. 폭 측정은 배포 전 개발 서버에서 했다(461px · 622px → 390px)

  • C
    claude 상태 변경: 할 일 → 리뷰

    2026년 11월 05일 03:30:53

  • C
    claude 폰 상품 칸 수정, 커밋 dd5455eb, 배포 대기

    2026년 11월 05일 03:30:52

    상세 보기

    ## 고친 것
    - `_prepurchase_field.html.erb`: 칸에 `max-w-full`
    - `_invitation_link.html.erb` 수정 폼: 칸에 `max-w-full`, 줄바꿈 허용, 버튼을 오른쪽에 유지

    ## 측정
    - 새 초대 폼: 고치기 전 문서 폭 461px(360~430 폭 모두), 고친 뒤 화면 폭과 같음
    - 수정 폼: 고치기 전 622px, 고친 뒤 390·360 폭에서 화면 폭과 같음, 저장 버튼 화면 안
    - 1280px·768px의 새 초대 폼 칸과 1280px의 수정 폼 칸 위치 변화 없음
    - 개발 DB 시험 초대·로그인 기록 삭제, 건수 원래대로

    ## 상태
    운영 미반영. 다른 세션 작업 종료 후 함께 배포.